ClientOnly

A component to wrap non SSR friendly components/markup. You can provide a placeholder text that will be shown until the component has been mounted. Alternatively you can also provide a placeholder-slot. The slot is useful if you want to render something other than text – like a loading indicator.

Props

placeholder

Type: String

Default: null

Text that will be rendered as a placeholder until is mounted on the client-side. You can use this to show a loading indicator or some other kind of placeholder.

placeholderTag

Type: String

Default: div

div

By default the placeholder will be wrapped in a div tag, however you can use placeholderTag prop to customize it.