Check PropTypes of React Router shows an error when I use lazy

[ae-lexs]

Check PropTypes of React Router shows an error when I use lazy

Hi, the console shows me an error when I use React.lazy.

Version

"react-router-dom": "4.3.1"

Test Case

https://codesandbox.io/embed/mjqr197v38

Steps to reproduce

import React, { lazy, Suspense } from "react";
import { render } from "react-dom";
import { BrowserRouter as Router, Route, Link } from "react-router-dom";

const About = lazy(() => import("./components/About"));
const Home = lazy(() => import("./components/Home"));
const Topics = lazy(() => import("./components/Topics"));

const BasicExample = () => (
  <Router>
    <Suspense fallback={<div>Loading...</div>}>
      <div>
        <ul>
          <li>
            <Link to="/">Home</Link>
          </li>
          <li>
            <Link to="/about">About</Link>
          </li>
          <li>
            <Link to="/topics">Topics</Link>
          </li>
        </ul>

        <hr />

        <Route exact path="/" component={Home} />
        <Route path="/about" component={About} />
        <Route path="/topics" component={Topics} />
      </div>
    </Suspense>
  </Router>
);

render(<BasicExample />, document.body);

Expected Behavior

It should not show me the error.

Actual Behavior

Warning: Failed prop type: Invalid prop `component` of type `object` supplied to `Route`, expected `function`.
    in Route (created by BasicExample)
    in BasicExample

[pshrmn]

Duplicate of #6420