An alternative mechanism for making available the env variables in the client (Inspired by Kent's suggestion in the custom scripts lesson of the EpicWeb.dev)

env-thing.tsx

import { getEnv } from '#app/utils/env.server.ts'

export async function loader() {
	const envData = JSON.stringify(getEnv())
	const jsContent = `window.ENV = ${envData};`
	return new Response(jsContent, {
		headers: {
			'Content-Type': 'application/javascript',
		},
	})
}