add redirect logic to test pending transition state

examples/nextjs/app/slow/page.tsx → examples/nextjs/app/[slug]/page.tsx

@@ -1,14 +1,23 @@
 import { unstable_noStore } from "next/cache";
+import { redirect } from "next/navigation";
 import { Link } from "react-transition-progress/next";
 
-export default async function SlowPage() {
+export default async function SlowPage({ params: promisedParams }: { params: { slug: string } }) {
+    const params = await promisedParams
+    const { slug } = params
     unstable_noStore();
     // Introduces artificial slowdown
-    await new Promise((resolve) => setTimeout(resolve, 1000));
+    await new Promise((resolve) => setTimeout(resolve, 3000));
+
+    if (slug === 'foo') {
+        redirect('/bar')
+    }
+
     return (
         <div className="m-10">
             <h1 className="mb-2 text-4xl font-semibold">Slow page, artificially slowed by 1 second</h1>
+            <h2>{slug}</h2>
             <Link href="/">Go to home page</Link>
         </div>
     );
-}
+}

examples/nextjs/app/page.tsx

@@ -7,7 +7,8 @@ export default function Home() {
     <>
       <div className="m-10">
         <h1 className="mb-4 text-4xl font-semibold"><a href="https://github.com/timneutkens/react-transition-progress">react-transition-progress</a></h1>
-        <Link href="/slow">Go to artificially slow page</Link>
+        <Link href="/foo">Foo</Link><br />
+        <Link href="/bar">Bar</Link>
       </div>
       <div className="m-10">
         <h2 className="mb-2 text-2xl font-semibold">Client Component that calls slow action</h2>
@@ -30,4 +31,4 @@ export default function Home() {
       </div>
     </>
   );
-}
+}