RouteWithQuery.js

// using createRouteElement
import { Route, createRouteElement } from 'react-router'

const RouteWithQuery = (routeProps) => (
  <Route {...routeProps} render={props => (
    const query = parseQueryString(props.history.location.search)
    return createRouteElement({ ...routeProps, ...props, query })
  )}/>
)

// using Route.render
import { Route } from 'react-router'

const RouteWithQuery = (routeProps) => (
  <Route {...routeProps} render={props => (
    const query = parseQueryString(props.history.location.search)
    return Route.render({ ...routeProps, ...props, query })
  )}/>
)

// using <Route getExtraProps>
import { Route } from 'react-router'

const RouteWithQuery = (props) => (
  <Route {...props} getExtraProps={({ history }) => ({
    query: parseQueryString(history.location.search)
  })}/>
)

/*
The signature for <Route getExtraProps> is ({ match, history }) => props
where the resulting props are merged in with the props that are passed
to the component.
*/