react-router conditional rendering using negative route matching

RenderCondition.js

import React from 'react'
import PropTypes from 'prop-types'
import { Route, Switch } from 'react-router-dom'

const generateRouteId = (() => {
  let i = 0
  return (name) => {
    return `${name}-${i}`
  }
})()

export default class RenderCondition extends React.Component {
  static propTypes = {
    children: PropTypes.oneOfType([
        PropTypes.arrayOf(PropTypes.node),
        PropTypes.node
    ]).isRequired,
    exclude: PropTypes.array.isRequired,
    substitute: PropTypes.node,
  }
  static defaultProps = {
    substitute: null,
  }
  render() {
    const {exclude, substitute, children} = this.props
    return (
      <Switch>
        {exclude.map((path) => (
          <Route key={generateRouteId('exclude-route-')}
                 path={path}
                 component={substitute} />
        ))}
        <Route children={children} />
      </Switch>
    )
  }
}