How do I disable SSR for a particular route/component?

[zaykhere]

❓Question

So, I have a component which makes use of a package that wants to use window object. Now, window object is undefined (I'm guessing this is due to the fact that window object is not available in server-side).

So, to counter this issue, I'll need to disable SSR for that particular component. The question is, how do I do that?

[balsa-lazarevic]

Hi @zaykhere, you cannot just disable SSR for a route, you should handle the error in your code. Just use something like typeof window !== "undefined" to check whether your code is running serverside.

[MatthewPattell]

@zaykhere hi. You can import component with loadable or lazy. E.g.

It's will rendered only on client and only if located in viewport

<LazyLoad>
     <MyComponent />
</LazyLoad>

or use loadable

if you have react 18, also Suspense available.