Meteor React render component to div inside main html file

Question

I'm not really sure what is happening when the component tries to find the div, but here is my render and my div.

HTML:

<div id="app"></div>

Render function:

Meteor.startup(() => { ReactDOM.render(<App />, document.getElementById('app')); });

I get this error in the console: Error: Target container is not a DOM element.

I also put a console.log after my render function trying to find the div id but returned = null.

Answer 1

What packages have you got installed?

if you've still got blaze-html-templates or templating, remove them both and replace with static-html

Otherwise Meteor will render the html as a blaze template some time after startup. (Also if you're using React, you probably don't want to ship Blaze to the client as well!)