router: fix typing of IRouteProps.component (#1505)

* router: fix typing of `IRouteProps.component`

Fix `SFC` to explicitly accept `any` as same as `IComponentConstructor` .

* add: test for Route

packages/inferno-router/__tests__/Route.typings.spec.tsx

@@ -0,0 +1,33 @@
+import { render } from 'inferno';
+import { Route, Router } from 'inferno-router';
+import createMemoryHistory from 'history/createMemoryHistory';
+
+describe('<Route component>', () => {
+  const history = createMemoryHistory();
+  const node = document.createElement('div');
+
+  it('receives { history, location, match } props', () => {
+    type RouteProps = {
+      history: any;
+      location: any;
+      match: any;
+    };
+    let actual: RouteProps = {
+      history: null,
+      location: null,
+      match: null,
+    };
+    const Component = (props: RouteProps) => (actual = props) && null;
+
+    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');
+  });
+});

packages/inferno-router/src/Route.ts

@@ -25,7 +25,7 @@ export interface IRouteProps {
   exact?: boolean;
   strict?: boolean;
   sensitive?: boolean;
-  component?: IComponentConstructor<any> | SFC;
+  component?: IComponentConstructor<any> | SFC<any>;
   render?: (props: RouteComponentProps<any>, context: any) => InfernoNode;
   location?: H.Location;
   children?: ((props: RouteComponentProps<any>) => InfernoNode) | InfernoNode;