fix(templates): await params/cookies properly (#8560)

templates/website/src/app/(frontend)/[slug]/page.tsx

@@ -73,7 +73,8 @@ export default async function Page({ params: paramsPromise }: Args) {
   )
 }
 
-export async function generateMetadata({ params: { slug = 'home' } }): Promise<Metadata> {
+export async function generateMetadata({ params: paramsPromise }): Promise<Metadata> {
+  const { slug = 'home' } = await paramsPromise
   const page = await queryPageBySlug({
     slug,
   })

templates/website/src/app/(payload)/admin/[[...segments]]/page.tsx

@@ -7,12 +7,12 @@ import { RootPage, generatePageMetadata } from '@payloadcms/next/views'
 import { importMap } from '../importMap'
 
 type Args = {
-  params: {
+  params: Promise<{
     segments: string[]
-  }
-  searchParams: {
+  }>
+  searchParams: Promise<{
     [key: string]: string | string[]
-  }
+  }>
 }
 
 export const generateMetadata = ({ params, searchParams }: Args): Promise<Metadata> =>

templates/website/src/utilities/getMeUser.ts

@@ -11,7 +11,7 @@ export const getMeUser = async (args?: {
   user: User
 }> => {
   const { nullUserRedirect, validUserRedirect } = args || {}
-  const cookieStore = cookies()
+  const cookieStore = await cookies()
   const token = cookieStore.get('payload-token')?.value
 
   const meUserReq = await fetch(`${process.env.NEXT_PUBLIC_SERVER_URL}/api/users/me`, {