diff --git a/examples/nextjs/app/slow/page.tsx b/examples/nextjs/app/[slug]/page.tsx similarity index 51% rename from examples/nextjs/app/slow/page.tsx rename to examples/nextjs/app/[slug]/page.tsx index 413d5cb..5f30f2a 100644 --- a/examples/nextjs/app/slow/page.tsx +++ b/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 (