【Typescript】型 'string | undefined' の引数を 'string' のパラメーターに割り当てることができません。を解決したい

はじめに

環境変数を読み込むと型がstring | undefined となり、このまま関数に渡そうとするとタイトルのエラーが出ました。
エラーで検索をかけると型定義ファイルを自作する記事が多かったので試していたのですが、もっと簡単に書けたのでまとめます。

解決方法

envを読み込むタイミングで型の絞り込み(narrowing)をします

const HOGE = process.env.REACT_APP_HOGE ?? "";

おわりに

思ったより時間をかけてしまいました。しばらくはnarrowingにお世話になりそうです