Next.js: forcing client side rendering for specific components

[ramigg]

Hi,
I have a chart library which doesn't work with server side rendering.
how can I force the components which use this library to render on the client side?

thanks

[renancouto]

Like this maybe?

[timneutkens]

@renancouto thanks for answering 👌

[ramigg]

works great!
Thanks

[renancouto]

Always a pleasure @ramigg @timneutkens 🍻

[tejasmanohar]

Here's a new link.

Protip: y to link to file at specific revision so links don't break. Thanks for the ex! :-)

[jcollum]

Is that NoSSR library valid for React 16?

[planadecu]

What about this?

const Map = dynamic(() => import('../components/Map.js'), {
  ssr: false,
  loading: () => <p>Loading map</p>
})