React Router 4: Allow nested routes

readme.md

This component allows us to do this:

<Switch>
  <Route>
    <Switch>
      <Route />
      <Route />
      <Route />
      <Route />
    </Switch>
  </Route>
</Switch>

index.ts

import * as React from 'react'
import { Route } from 'react-router-dom'
import { RouteProps } from 'react-router'

class RouterRoute extends React.Component<RouteProps> {
  render() {
    const { component, children, ...rest } = this.props
    const Component = this.props.component

    return (
      <Route {...rest} render={(props: RouteProps) => <Component {...props} {...rest}>{children}</Component>} />
    )
  }
}

export default RouterRoute