Fix <Route component /> type

packages/react-router/modules/Route.js

@@ -1,5 +1,6 @@
 import React from "react";
 import PropTypes from "prop-types";
+import PropTypesElementType from "prop-types-elementtype";
 import invariant from "invariant";
 import warning from "warning";
 
@@ -127,7 +128,7 @@ class Route extends React.Component {
 if (__DEV__) {
   Route.propTypes = {
     children: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
-    component: PropTypes.func,
+    component: PropTypesElementType,
     exact: PropTypes.bool,
     location: PropTypes.object,
     path: PropTypes.string,

packages/react-router/modules/__tests__/Route-test.js

@@ -127,6 +127,41 @@ describe("A <Route>", () => {
     });
   });
 
+  it("receives { match, location, history } props", () => {
+    let actual = null;
+    const Component = props => (actual = props) && null;
+
+    ReactDOM.render(
+      <Router history={history}>
+        <Route path="/" component={Component} />
+      </Router>,
+      node
+    );
+
+    expect(actual.history).toBe(history);
+    expect(typeof actual.match).toBe("object");
+    expect(typeof actual.location).toBe("object");
+  });
+
+  it("support forwardRef component", () => {
+    // Make sure the component PropTypes is not throwing a warning
+    // forwardRef are generated by React and not a function
+    const TEXT = "Mrs. Kato";
+    const node = document.createElement("div");
+    const Component = React.forwardRef((props, ref) => (
+      <div ref={ref}>{TEXT}</div>
+    ));
+
+    ReactDOM.render(
+      <Router history={history}>
+        <Route path="/" component={Component} />
+      </Router>,
+      node
+    );
+
+    expect(node.innerHTML).toContain(TEXT);
+  });
+
   describe("with `exact=true`", () => {
     it("renders when the URL does not have a trailing slash", () => {
       const text = "bubblegum";

packages/react-router/package.json

@@ -47,6 +47,7 @@
     "loose-envify": "^1.3.1",
     "path-to-regexp": "^1.7.0",
     "prop-types": "^15.6.1",
+    "prop-types-elementtype": "^1.0.0",
     "warning": "^4.0.1"
   },
   "devDependencies": {