Remixでクライアントサイドで環境変数を使う

Note

Remixでクライアントサイドで環境変数を利用したい場合の対応について

Remixでの環境変数はサーバーサイドでのみアクセスができるため、LoaderFunctionからクライアントサイドに渡してあげる必要がある

export async function loader() {
  return json({ ENV: { VALUE: process.env.VALUE } });
}

参考