From 0d06ba4519bcd8a49c3eb1242fec1f11ff567096 Mon Sep 17 00:00:00 2001
From: Philipp Zins <philipp.zins@mercateo.com>
Date: Thu, 23 Mar 2017 12:53:32 +0100
Subject: [PATCH] updated test and component prop of router

---
 react-router/index.d.ts         |  5 ++---
 react-router/test/Recursive.tsx | 19 +++++++++++++------
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/react-router/index.d.ts b/react-router/index.d.ts
index 3faa19968d..040a9f3af7 100644
--- a/react-router/index.d.ts
+++ b/react-router/index.d.ts
@@ -48,12 +48,11 @@ declare module 'react-router' {
     history: H.History;
   }
 
-  interface PartialRouteComponentProps<P> extends Partial<RouteComponentProps<P>> {
-  }
+  interface PartialRouteComponentProps<P> extends Partial<RouteComponentProps<P>> {}
 
   interface RouteProps {
     location?: H.Location;
-    component?: React.SFC<PartialRouteComponentProps<any> | void> | React.ComponentClass<PartialRouteComponentProps<any> | void>;
+    component?: React.SFC<RouteComponentProps<any> | void> | React.ComponentClass<RouteComponentProps<any> | void>;
     render?: (props: RouteComponentProps<any>) => React.ReactNode;
     children?: (props: RouteComponentProps<any>) => React.ReactNode | React.ReactNode;
     path?: string;
diff --git a/react-router/test/Recursive.tsx b/react-router/test/Recursive.tsx
index 53a600487f..748e00a968 100644
--- a/react-router/test/Recursive.tsx
+++ b/react-router/test/Recursive.tsx
@@ -19,15 +19,22 @@ const find = (id: number) => PEEPS.find(p => p.id == id)
 
 const RecursiveExample = () => (
   <Router>
-    <Person match={{ params: { id: 0 }, url: '', path: '', isExact: true }} />
+    <Person match={{ params: { id: 0 }, url: '' }}/>
   </Router>
 )
 
-interface PersonProps extends Partial<RouteComponentProps<{id: number}>> {
-  match: match<{id: number}>;
+interface InitialPersonProps {
+  match: {
+    params: {
+      id: number;
+    };
+    url: string;
+  };
 }
 
-const Person: React.SFC<PersonProps> = ({ match }) => {
+type PersonProps = RouteComponentProps<{ id: number }>;
+
+const Person: React.SFC<InitialPersonProps | PersonProps> = ({ match }) => {
   const person = find(match.params.id)
 
   return (
@@ -42,9 +49,9 @@ const Person: React.SFC<PersonProps> = ({ match }) => {
           </li>
         ))}
       </ul>
-      <Route path={`${match.url}/:id`} component={Person}/>
+      <Route path={`${match.url}/:id`} component={Person as React.SFC<PersonProps>}/>
     </div>
   )
 }
 
-export default RecursiveExample
\ No newline at end of file
+export default RecursiveExample