Hello, I have. React App I am deploying with Vercel. I would like to have some of my database client fields saved as environment variables. I created the environment variables in the GUI and selected "All Environments". In my React code, if I do a console.log(process.env.NEXT_PUBLIC_SUPABASE_URL), it prints undefined. I attempted multiple redeploys to the same effect. I then modified my build command like so:

echo $NEXT_PUBLIC_SUPABASE_URL &react-scripts build

and in the build log I do see the correct URL being printed.

What am I doing wrong with accessing the environment variable in my actual app code?

1Deployment URL or Custom Domain:2Environment (local, preview, production): all3Project Framework:4Build Settings:5  Framework Preset:6  Build Command (if not default): echo $NEXT_PUBLIC_SUPABASE_URL &react-scripts build7  Output Directory (if not default):8  Install Command (if not default):9Node/Runtime Version:10Package Manager:11Relevant Packages: