Add router to provider in Next.js example (#5159)

Author: devongovett

examples/rsp-next-ts/pages/_app.tsx

@@ -14,16 +14,18 @@ import Moon from "@spectrum-icons/workflow/Moon";
 import Light from "@spectrum-icons/workflow/Light";
 import { ToastContainer } from "@react-spectrum/toast";
 import {enableTableNestedRows} from '@react-stately/flags';
+import {useRouter} from 'next/router';
 
 function MyApp({ Component, pageProps }: AppProps) {
   const [theme, setTheme] = useState<ColorScheme>("light");
 
+  let router = useRouter();
   let themeIcons = { dark: <Moon />, light: <Light /> };
   let otherTheme: ColorScheme = theme === "light" ? "dark" : "light";
   enableTableNestedRows();
 
   return (
-    <Provider theme={lightTheme} colorScheme={theme}>
+    <Provider theme={lightTheme} colorScheme={theme} router={{navigate: router.push}}>
       <Grid
         areas={["header", "content"]}
         columns={["1fr"]}

examples/rsp-next-ts/pages/foo.tsx

@@ -0,0 +1,3 @@
+export default function Foo() {
+  return <h1>Foo</h1>;
+}

examples/rsp-next-ts/pages/index.tsx

@@ -167,6 +167,7 @@ export default function Home() {
             <MenuTrigger>
               <ActionButton>Menu Trigger</ActionButton>
               <Menu>
+                <Item href="/foo">Link to /foo</Item>
                 <Item>Cut</Item>
                 <Item>Copy</Item>
                 <Item>Paste</Item>
@@ -268,15 +269,13 @@ export default function Home() {
               <Item key="march 2020 assets">March 2020 Assets</Item>
             </Breadcrumbs>
 
-            <Link>
-              <a
-                href="https://www.imdb.com/title/tt6348138/"
-                target="_blank"
-                rel="noreferrer"
-              >
-                The missing link.
-              </a>
+            <Link
+              href="https://www.imdb.com/title/tt6348138/"
+              target="_blank"
+              rel="noreferrer">
+              The missing link.
             </Link>
+            <Link href="/foo">Foo</Link>
 
             <Tabs aria-label="History of Ancient Rome">
               <TabList>