firebase x nextjs ReferenceError: navigator is not defined

README.md

> Build error occurred
ReferenceError: navigator is not defined
    at Object.areCookiesEnabled (/vercel/28f5c7d0/node_modules/@firebase/util/dist/index.node.cjs.js:650:5)

if (!firebase.apps.length) {
  firebase.initializeApp(firebaseConfig);
  firebase.analytics();
}

// change to:
if (typeof window !== 'undefined' && !firebase.apps.length) {
  firebase.initializeApp(firebaseConfig);
  firebase.analytics();
}

This doesn't work for me

doesn't work

This happens when you try to initialize the firebase app server side, where the window object is not available.

In order to solve this, initialize the app inside useEffect hook (this way window object is available to firebase method):

useEffect(() =>{
        // Initialize Firebase
        const app = initializeApp(firebaseConfig);
        const messaging = getMessaging(app);
 })

This happens when you try to initialize the firebase app server side, where the window object is not available.

In order to solve this, initialize the app inside useEffect hook (this way window object is available to firebase method):

useEffect(() =>{
        // Initialize Firebase
        const app = initializeApp(firebaseConfig);
        const messaging = getMessaging(app);
 })

Great, its work, thankx a ton