const nextConfig = {
  experimental: {
    ppr: true, <-------
  },
}

'use client'

export default function ConfirmDialog({params: {id}, searchParams: {lang, status, email}}) {
    const {toast} = useToast();

    ...
}

export default function IdPage() {
    return null
}

When I navigate to /admin/[id] there is a matching route and {children} and also the {modal && modal} should be rendered (because there is a matching route)

export async function generateStaticParams() {
    return i18n.locales.map((locale) => ({lang: locale}))
}

  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },

export async function generateStaticParams() {
    return i18n.locales.map((locale) => ({lang: locale}))
}

export default function Page({
  params,
  searchParams,
}: {
  params: { id: string };
  searchParams: { q: string };
}) {
  return (
    <div>
      modal {params.id} <br /> searchParams {searchParams.q}{" "}
    </div>
  );
}