How to nest routes in React Router v4?

Question

Is there a way to nest routes in React Router v4?

This works:

Answer 1

I adapted this from the docs, seem to work so far. Probably missing something obvious, and yes it is not the v4 way but we need all the routes defined in one place.

function RouteNest(props){ return (
    } />
)}

export const MainRoutes = props => 



  
  

  
    
    
  




export const CompoWithSub = props => 
{props.children)