Laravel,Inertia,React構成の場合、jsxで環境変数の取得

• 環境変数をシェア

HandleInertiaRequests.php

    public function share(Request $request): array
    {
        return array_merge(parent::share($request), [
            'auth' => [
                'user' => $request->user(),
            ],
            'ziggy' => function () use ($request) {
                return array_merge((new Ziggy)->toArray(), [
                    'location' => $request->url(),
                ]);
            },
	    // ここに追加
            'MY_ENV_VAR' => env('MY_ENV_VAR'),
        ]);
    }

• JSXで環境変数を取得

import { usePage } from '@inertiajs/inertia-react';
...
const page = usePage();
console.log(page.props.MY_ENV_VAR);

セキュリティの観点では、ブラウザ画面で公開しても大丈夫な環境変数のみにしましょう。

参考：https://inertiajs.com/shared-data