Next.js App Router "sync-dynamic-apis" Error in Dynamic Route Page Component

Question

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: https://nextjs.org/docs/messages/sync-dynamic-apis 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>
    );
}

Abolfazl Chaman · Accepted Answer · 2025-04-25 15:57:55Z

0

i ignored this in my case since it use a flash or delay before the page loads if i used the async await.

answered Apr 25 at 15:57

Abolfazl Chaman

2013 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Next.js App Router "sync-dynamic-apis" Error in Dynamic Route Page Component

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related