다른 .js 파일에서 firestore 임포트 후 사용법

파이어베이스 강의 보고 있는데

const db = firebase.firestore();
이런식으로 불러오셨는데

저는 firebase.js 파일에



일단 이렇게 firestore를 import 해와서 export const db에 넣었습니다.

그리고 




Writing.js 파일에서 firestore를 사용하기 위해 
import { db } from "./firebase.js" 로 불러온 후

    const database = db.firestore();
    database.collection('product').get().then((result) => {
        console.log(result)
    })

이렇게 database에 db.firestore에 있는 컬렉션을 콘솔에 찍어볼려는데


이런 에러가 뜨고 아무것도 렌더링 되지 않습니다.

App.js 파일에도 import app from './firebase.js' 이걸로 임포트 했습니다.

어떻게 해야 하나요??