Error AtlasError Documentation and Resolution
Back to searchMore React errors

React

A Client Component was marked async

An unknown Component is an async Client Component. Only Server Components can be async at the moment.

React detected an async Client Component, which is unsupported. This commonly happens when a server-oriented module is moved behind a 'use client' boundary accidentally.

React error #482runtime

Observed message

An unknown Component is an async Client Component. Only Server Components can be async at the moment.

Why it happens

  • A Client Component function was declared async.
  • A module that was written for the server was accidentally marked with 'use client'.
  • Async data fetching logic was moved directly into a Client Component render path.

How to fix it

  1. Remove async from Client Components and move the async work elsewhere.
  2. Use a Server Component for async rendering where that architecture is supported.
  3. Review recent 'use client' boundaries and make sure server-only modules did not cross into the client bundle.

Official reference

React Docs: Minified React error #482

Related errors

React warningA component is changing an uncontrolled input to be controlledReact error #109A valid React element or null must be returnedReact error #185Can't perform a React state update on an unmounted componentReact error #130Element type is invalid

Explore more

ReactBrowse more React errorsruntimeBrowse more runtime errors
React error #482 async Client Component: causes and fixes | Error Atlas