React: Target container is not a DOM element - ruby-on-rails

Question

I am using react in rails. But when I run the app, I get an error: Uncaught Error: Target container is not a DOM element.
My index.jsx file looks like:
import React from 'react';
import ReactDOM from 'react-dom';
import {createStore, applyMiddleware} from 'redux';
import {Provider} from "react-redux";
import thunk from "redux-thunk";
import reducers from "../bundles/HelloWorld/reducers/index.js";
import App from "../bundles/HelloWorld/components/App"
let store = createStore(reducers, applyMiddleware(thunk))
ReactDOM.render(<Provider store={store}><App /></Provider>, document.getElementById('root'));
Also, I using this in application.html.erb like this:
What could be the error behind this?

Answer 1

Add an element with id='root' to the page e.g.
ReactDOM.render(
<Provider store={store}>
<App />
</Provider>,
document.body.appendChild(document.createElement("div"))
);
render expects a DOM element as the second argument, which doesn't exist in your case. You could either set it on the page itself or generate it dynamically as shown above.