fix: Define type for useRouter (#334)

types/example-app/ComponentUsingRouter.tsx

@@ -0,0 +1,18 @@
+import useRouter from 'found/lib/useRouter';
+import * as React from 'react';
+
+interface Props {
+  foo?: boolean;
+}
+
+function ComponentUsingRouter(_props: Props) {
+  const { match, router } = useRouter();
+
+  return (
+    <div>
+      {match.location.pathname}, {router}
+    </div>
+  );
+}
+
+export { ComponentUsingRouter };

types/example-app/ComponentWithRouter.tsx

@@ -1,23 +1,19 @@
-import { WithRouterProps } from 'found';
+import { Match, Router } from 'found';
 import withRouter from 'found/lib/withRouter';
 import * as React from 'react';
 
-interface Props extends WithRouterProps {
+interface Props {
   foo?: boolean;
+  match: Match;
+  router: Router;
 }
 
-class ComponentWithRouter extends React.Component<Props> {
-  render() {
-    const {
-      match: { location },
-      router,
-    } = this.props;
-    return (
-      <div>
-        {location.pathname}, {router}
-      </div>
-    );
-  }
+function ComponentWithRouter({ match, router }: Props) {
+  return (
+    <div>
+      {match.location.pathname}, {router}
+    </div>
+  );
 }
 
 const ComponentWithRouterContainer = withRouter(ComponentWithRouter);

types/example-app/MainPage.tsx

@@ -1,11 +1,13 @@
 import * as React from 'react';
 
+import { ComponentUsingRouter } from './ComponentUsingRouter';
 import { ComponentWithRouter } from './ComponentWithRouter';
 
 export function MainPage() {
   return (
     <div>
       <ComponentWithRouter />
+      <ComponentUsingRouter />
     </div>
   );
 }

types/index.d.ts

@@ -356,14 +356,16 @@ declare module 'found' {
     onClick: (event: React.SyntheticEvent<any>) => void;
   }
 
-  interface WithRouterProps {
+  interface RouterState {
     match: Match;
     router: Router;
   }
 
-  function withRouter<Props extends WithRouterProps>(
+  function useRouter(): RouterState;
+
+  function withRouter<Props extends RouterState>(
     Component: React.ComponentType<Props>,
-  ): React.ComponentType<Omit<Props, keyof WithRouterProps>>;
+  ): React.ComponentType<Omit<Props, keyof RouterState>>;
 
   class RedirectException {
     constructor(location: LocationDescriptor);

types/useRouter.d.ts

@@ -0,0 +1,5 @@
+declare module 'found/lib/useRouter' {
+  import { useRouter } from 'found';
+
+  export default useRouter;
+}