Async Client Component
Why it matters
async/await components are only supported on the server; an async Client Component never resolves on the client.
Fix
Remove "use client" (make it a Server Component) or fetch inside a Server Component / with use().
Credit
From the React team
Async components are a Server Components feature; Client Components read promises with the use API instead.
References
- Server Components — ReactReact
- use — ReactReact
- Server and Client ComponentsNext.js