React create-react-app したアプリ内で .env を使いたい

create-react-app, react-script で作られた React application は内部で dotenv が使われていて、.env で設定した値には、process.env 経由でアクセスができる。

ただし値には`REACT_APP_` のプレフィックスが必要

REACT_APP_ から始まらない値は React application 内で process.env に渡されないのでアクセスできない。

.env

REACT_APP_API_KEY="hoo"
MY_SECRET_KEY="bar"

React application

console.log(process.env.REACT_APP_API_KEY); // => hoo
console.log(process.env.MY_SECRET_KEY); // => undefined

　
<完>
firebase の設定渡そうとしてハマってた。

[参考]