Next.jsとfirebaseを使用する際のエラー対応(auth)

購入した紙の本（React.js&Next.jsの本）をもとに入力・実行していたら、以下のエラーが出てきた。

TypeError: firebase_compat_app__WEBPACK_IMPORTED_MODULE_3__.default.auth is not a function
　　　・
　　　・
　　　・
const auth = firebase.auth() //ここでエラーが発生しているらしい

これも、本がv8対応で、環境がv9になったから発生しているエラー。

import 'firebase/compat/auth'

のようにとりあえずcompatをつけてインポートを追加したらうまく動くようになった。

以上の対応は、とりあえずの対応です。本来はv9系の書き方に合わせて変更したほうが良いでしょう。