👀 Check out the changes in Suspensive v2. read more →

ClientOnly

This component renders children only in the client environment and renders the fallback on the server. You can set an appropriate fallback to enhance the user experience as needed.

import { ClientOnly } from '@suspensive/react'
 
const Example = () => (
  <ClientOnly fallback={<>Loading...</>}>
    <div>This will only be rendered on the client side.</div>
  </ClientOnly>
)