From e19511aaaf49f41e0a54cee8dbbe2ec803e53fc9 Mon Sep 17 00:00:00 2001
From: Norbert de Langen <ndelangen@me.com>
Date: Tue, 29 Oct 2019 11:40:49 +0100
Subject: [PATCH] FIX typings

---
 lib/router/src/router.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/lib/router/src/router.tsx b/lib/router/src/router.tsx
index a6a25f52444..0db11e7aee3 100644
--- a/lib/router/src/router.tsx
+++ b/lib/router/src/router.tsx
@@ -1,7 +1,14 @@
 import { document } from 'global';
 import React, { ReactNode } from 'react';
 
-import { Link, Location, navigate, LocationProvider, RouteComponentProps } from '@reach/router';
+import {
+  Link,
+  Location,
+  navigate,
+  LocationProvider,
+  RouteComponentProps,
+  NavigateFn,
+} from '@reach/router';
 import { ToggleVisibility } from './visibility';
 import { queryFromString, parsePath, getMatch } from './utils';
 
@@ -38,9 +45,8 @@ interface QueryLinkProps {
 
 const getBase = () => `${document.location.pathname}?`;
 
-const queryNavigate = (to: string) => {
-  navigate(`${getBase()}path=${to}`);
-};
+const queryNavigate: NavigateFn = (to: string | number) =>
+  typeof to === 'number' ? navigate(to) : navigate(`${getBase()}path=${to}`);
 
 // A component that will navigate to a new location/path when clicked
 const QueryLink = ({ to, children, ...rest }: QueryLinkProps) => (