fix params type in app router

Author: mayank1513

examples/app-router/src/app/forced-color-scheme/[colorScheme]/page.tsx

@@ -2,12 +2,13 @@ import type { ColorSchemeType } from "nextjs-themes";
 import { ForceColorScheme } from "nextjs-themes/force-color-scheme";
 
 interface PageWithForcedColorSchemeProps {
-  params: { colorScheme: ColorSchemeType };
+  params: Promise<{ colorScheme: ColorSchemeType }>;
 }
 
-export default function PageWithForcedColorScheme({
-  params: { colorScheme },
-}: PageWithForcedColorSchemeProps): JSX.Element {
+export default async function PageWithForcedColorScheme({
+  params,
+}: PageWithForcedColorSchemeProps) {
+  const { colorScheme } = await params;
   return (
     <>
       <ForceColorScheme colorScheme={colorScheme} />

examples/app-router/src/app/themed-page/[theme]/page.tsx

@@ -1,10 +1,11 @@
 import { ForceTheme } from "nextjs-themes/force-theme";
 
 interface PageProps {
-  params: { theme: string };
+  params: Promise<{ theme: string }>;
 }
 
-export default function PageWithForcedTheme({ params: { theme } }: PageProps): JSX.Element {
+export default async function PageWithForcedTheme({ params }: PageProps) {
+  const { theme } = await params;
   return (
     <>
       <ForceTheme theme={theme} />