How to setup a specific property of a lib in node_modules (like mapbox access token for instance) ?

[arnaudambro]

For instance, I need to setup mapbox accessToken and I used to simply do

mapboxgl.accessToken = process.env.MAPBOX_ACCES_TOKEN

Now, in Remix, should I do something like that instead ? Or anything else ?

export function loader() {
  return {
    ENV: {
      MAPBOX_ACCES_TOKEN: process.env.MAPBOX_ACCES_TOKEN,
    }
  };
}

export default function Index() {
  const mapRef = useRef(null)
  const map = useRef(null)
  const nav = useRef(null)

  const { ENV } = useLoaderData()

  useEffect(() => {
    mapboxgl.accessToken = ENV.MAPBOX_ACCES_TOKEN
   // code after

  }, [])

  return (
    <div ref={mapRef} />
  );
}

[devraj]

@arnaudambro Did you ever get this working? Also wondering if you got client side components working for mapbox?