React Firebase 연동 오류 해결(v8 => v9)

기존에 잘 들어가던 코드가 어느날 아래와 같은 오류가 발생하였습니다.

 

Failed to compile.
./src/fbase.js
Attempted import error: 'firebase/app' does not contain a default export (imported as 'firebase').

요약하면 firebase 를 import 할 수 없다는 내용이었습니다.

 

찾아보니 버전문제였고 firebase 버전 9부터 사용법이 아예 바뀌었습니다.

 

버전8까지 import

import firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/firestore';

 

버전9

// v9 compat packages are API compatible with v8 code
import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';