Hello World

Be Happy!

Error: Minified React error #31 in stimulus-rails




import React from 'react'
import ReactDOM from 'react-dom'

//NOT Error
ReactDOM.render(React.createElement("h1", null, "hello world! reactjs"), document.getElementById("root"))

//Error
const element = document.createElement("div")
element.innerText = "root react oh man"
ReactDOM.render(element, document.getElementById("root"))

error log on chrome console
controller.ts:28 Error initializing controller
Error: Minified React error #31; visit https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=%5Bobject%20HTMLDivElement%5D for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at Mg (react-dom-67f313376d9e48988904669f4c701a36cef4f4d560371c500c6f386a31ceb8b0.js:1:51147)
    at J (react-dom-67f313376d9e48988904669f4c701a36cef4f4d560371c500c6f386a31ceb8b0.js:1:56235)
    at Xi (react-dom-67f313376d9e48988904669f4c701a36cef4f4d560371c500c6f386a31ceb8b0.js:1:74527)
    at za (react-dom-67f313376d9e48988904669f4c701a36cef4f4d560371c500c6f386a31ceb8b0.js:1:119074)
    at Uk (react-dom-67f313376d9e48988904669f4c701a36cef4f4d560371c500c6f386a31ceb8b0.js:1:113208)
    at Tk (react-dom-67f313376d9e48988904669f4c701a36cef4f4d560371c500c6f386a31ceb8b0.js:1:113136)
    at Ik (react-dom-67f313376d9e48988904669f4c701a36cef4f4d560371c500c6f386a31ceb8b0.js:1:112989)
    at Ek (react-dom-67f313376d9e48988904669f4c701a36cef4f4d560371c500c6f386a31ceb8b0.js:1:110079)
    at jg (react-dom-67f313376d9e48988904669f4c701a36cef4f4d560371c500c6f386a31ceb8b0.js:1:48102)
    at Rk (react-dom-67f313376d9e48988904669f4c701a36cef4f4d560371c500c6f386a31ceb8b0.js:1:110587)

I can't use document.createElement that why shown react error.
But React.createElement is OK.


#react-error (1) #react (1)
List