I'm getting a "sync-dynamic-apis" error in my Next.js App Router dynamic route component, despite following what seems like the correct pattern. The page renders correctly in the browser, but I'm seeing this error in the terminal: Learn more: at PostPage (file://C%3A/Users/user/Desktop/React/next/projects/lesson1/src/app/products/%5Bproduct%5D/page.tsx:3:12)

// app/products/[id]/page.tsx
export default function PostPage({ params }: { params: { id: string } }) {
    return (
        <div>
            <h1>Product: {params["id"]}</h1>
        </div>
    );
}