Components

WithClientSideOnly

<WithClientSideOnly />

Constructor

# <WithClientSideOnly />

This component calls the render prop with clientSideRendered = true if the client side is completely loaded, and false during SSR and initial bootup.

Example

import { WithClientSideOnly } from '@quintype/components';
<WithClientSideOnly>
  {({clientSideRendered}) => (
    {clientSideRendered && <span>This will be shown only on the client side</span>}
  )}
</WithClientSideOnly>

View Source components/with-client-side-only.js, line 20