Next.js Firebase getServerSideProps. База данных Firebase(db) не отрабатывает в функции getServerSideProps

Ребят, подскажите пожалуйста уже сил нет!

На клиенте в юзефекте с зависимостью "db" все работает но Не в юзефекте на клиенте такая же ошибка что и на сервере. То есть сначала "db"- undefined потом он подтягивается стает нужным обьектом юзефект перезапускает getDocs и все отрабатывает но в серевере нет юзефекта и если "db"- undefined сначала то getDocs берет undefined и не ждет пока db загрузится - думал я НО! console.log(ниже пример) показывает что "db" нужный обьект со всеми ключами. Почему тогда не хавает collection его! Рябят, спасибо за ответ очень важно для меня! Всем спасибо!

На клиенте работает: 
useEffect(async () => {
          const q = await getDocs((collection(db, 'products')))
          console.log(q.docs.map(el => el.data()))
      }, [db])

На сервере с ошибкой:

export async function getServerSideProps() {
    console.log(db)
    const q = await getDocs((collection(db, 'products')))
    return {props: {q}}
}

ошибка: 
FirebaseError: Expected first argument to collection() to be a CollectionReference, a DocumentReference or FirebaseFirestore

Firebase.js:

import {initializeApp, getApps, getApp} from "firebase/app";
import {getFirestore} from "firebase/firestore";
import {getStorage} from "firebase/storage";

const firebaseConfig = {
    apiKey: "*************************",
    authDomain: "***********************",
    projectId: "************************",
    storageBucket: "**********************",
    messagingSenderId: "*************",
    appId: "******************************",
    measurementId: "**********************"
};


const app = !getApps().length ? initializeApp(firebaseConfig) : getApp()
const db = getFirestore()
const storage = getStorage()
export {app, db, storage}```