React components are not rendering/not showing up on browser

Question

I have a react project with all the latest npm packages. Please check github link for package.json file

I can see the bundle.js file created and my components on chrome developers tools, however I cannot see those components render on browser.

git repo

Please refer to image below

React devtool tab

Answer 1

The problem was the way I was using react-router-dom. The updated version does the support the way we used to pass nested routes to a parent routes where it used to render.

If anyone have same issues then refer to this awesome example guide. react router 4 awesome example