I am integrating reactjs with my django, I have done setup and even able to render page from server too, but in client side when it comes to rendering and event handling and attaching, I am getting error "Uncaught ReferenceError: MainContainer is not defined". I am totally lost here, please help me.
<html>
<head>
<link rel="stylesheet" type="text/css" href="static/src/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="static/src/css/style.less"/>
</head>
<body>
<script>
// var INITIAL_DATA = JSON.parse('{{ serialized_value|safe }}')
var INITIAL_DATA = {{ serialized_value|safe }}
</script>
<div id="app">{{ rendered|safe }}</div>
<script type="text/javascript" src="static/build/index_webpack.js"></script>
<script>
// ReactDOM.render(React.createFactory(MainContainer)({isOpen: false, props: {'freeShipping': free_shipping_message_new,'navigationBar': [loose_leaf_content]}}), document.getElementById('app'));
ReactDOM.render(MainContainer({isOpen: false, props: {'freeShipping': free_shipping_message_new,'navigationBar': [loose_leaf_content]}}), document.getElementById('app'));
</script>
</body>
</html>
You might be better using django-webpack-loader to help you integrate your webpack bundles into django templates. For us, it took a lot of the pains away from setting webpack up alongside django. Now we don't have to think about webpack at all, it just sits there and automatically builds all of our apps and we can just integrate the bundles into our templates with