next.mdc

# Async request APIs

APIs that rely on request specific data (headers, cookies, params, and searchParams) are async

Example:

```tsx
import { headers, cookies } from "next/headers";

type Params = Promise<{ slug: string }>;
type SearchParams = Promise<{
  [key: string]: string | string[] | undefined;
}>;

export default async function Page({
  params,
  searchParams,
}: {
  params: Params;
  searchParams: SearchParams;
}) {
  const params = await props.params;
  const searchParams = await props.searchParams;
  const slug = params.slug;
  const query = searchParams.query;

  const headersList = await headers();
  const userAgent = headersList.get("user-agent");

  const cookieStore = await cookies();
  const token = cookieStore.get("token");

  return (
    /* */
  );
}
```