How to import Firebase only on client in Sapper?

Question

I\'m importing Firebase into my Sapper application, I do not want the imports to be evaluated on the server. How do I make sure imports are only on the client-side?

I

Answer 1

The clean way is to use the Dynamic Import as the documentation said: Making a component SSR compatible

The way to get around this is to use a dynamic import for your component, from within the onMount function (which is only called on the client), so that your import code is never called on the server.

So here for example we want to import the core of firebase and the authentication package too.