direnvを使っている時にcreate-react-appの環境変数がうまく出力されない

症状

create-react-appで作成したプロジェクト + direnvを使っている時に、

.env に下のように環境変数を書いても、undfinedしか返ってこず、困った。

export REACT_APP_API_URL='xxxxxxxx'

解決

ファイル名を、.envから.envrcに修正すると正しく動作した。

知ってると当たり前かもしれないが、意外と詰まった。

その他

一般的な原因の場合は create-react-appのプロジェクトで環境変数を.envから読み込めない原因と解決策が参考になりそう。