[리액트 에러] export 'default' (imported as 'firebase') was not found in 'firebase/app'

firebase.js파일에

export default firebase;

를 입력하여 firebase를 export해오려 했으나 다음과 같은 오류가 떴다.

 

 

 

firebase 8 버전과 9 버전의 사용법이 변경되어, v8 코드를 그대로 사용하기 위해서는 api를 firebase/compat/으로 사용하면 된다. 

 

// firebase v8 버전
import firebase from "firebase/app"
import "firebase/auth";
import "firebase/database";
import "firebase/storage";

 

// v9에서 v8 호환 API
import firebase from "firebase/compat/app"
import "firebase/compat/auth";
import "firebase/compat/database";
import "firebase/compat/storage";