Client-Only in Server Component

A module marked with the client-only package was imported inside a React Server Component. Modules that depend on browser APIs (DOM, window, localStorage) should only run on the client. Move the import into a component file that begins with the 'use client' directive, or wrap the usage in a Client Component.

References

nextjs.org/docs/messages/client-only-in-server-component
nextjs.org/docs/app/building-your-application/rendering/composition-patterns

In this namespace

← previous cannot-override-metadata Cannot Override Metadata next → duplicate-page Duplicate Page

cannot-override-metadata client-only-in-server-component duplicate-page invalid-page-config invalid-segment-config metadata-base-not-set missing-suspense-with-csr-bailout