大前提として、Firebaseをyarnかnpmでインストールしていて、Firebaseのダッシュボードでアプリを作っていて、Google ログインを許可する設定にしてください。

その上で、おそらくコピペすれば動きます。Next.jsのディレクトリでやりますが、他のReactアプリでも、補完して読めばいけるはず。

まずは、 lib/Firebase.ts を作りまして、下記のようにコードを書きます。

export {Firebase, auth}; とエクスポートした変数を使うことで、Google ログインできます。

それで、後は下記のようにpages/signup.tsxを作ります。next.jsの場合は、urlが作れますので、そのままGoogleログインしてみてください。ポップアップが出てくるはずです。