[React/Firebase] Attempted import error: 'firebase/app' does not contain a default export (imported as 'firebase'). 에러 해결 방법

파이어베이스가 버전이 업그레이드 되면서 또 문법이 와장창 바뀌어서 생기는 문제이다. 해결방법은 아래와 같다.

 

 

 

이전 방식

import firebase from 'firebase/app';

 

바뀐 방식

import firebase from 'firebase/compat/app';

 

 

 

위와 같이 사이에 compat을 넣어줘야 한다.