netlifyのデプロイでCloud Firestoreの環境変数が反映されない

実現したいこと

ReactとmicroCMSとCloud Firestoreを使用してcafeサイトを作りました。microCMSはnews投稿機能として、Cloud Firestoreはお問い合わせ内容のデータを保存する為に使用しています。netlifyに使用している環境変数を設定してデプロイをしてCloud Firestoreの機能を使用できるようにしたいです。

発生している問題・分からないこと

netlifyに使用している環境変数を設定してデプロイをしましたが、microCMSの環境変数は反映されていますが、なぜかCloud Firestoreの環境変数が反映されません。
いろいろ調べながら修正を試みていますが、一向に解決できません。
どなたかご教授お願いいたします🙇

該当のソースコード

React.js
1コードはgithubにのせています。(https://github.com/ookuraseiya/cafe)

試したこと・調べたこと

teratailやGoogle等で検索した
ソースコードを自分なりに変更した
知人に聞いた
その他

上記の詳細・結果

以下のサイトが、環境変数の設定方法とnetlifyのデプロイする手順です。（同じように行っていますが実現できません。）
https://vainders-hands-on.jp/handson/YYr7rINTR0MxPEf0uHIH/6ghvP9aV86lhwpK0ZYJf#headline-id-2