fix(vite): loadEnv before reading routes

Author: RFCreate

packages/react-router-dev/vite/plugin.ts

@@ -1207,20 +1207,20 @@ export const reactRouterVitePlugin: ReactRouterVitePlugin = () => {
           });
         }
 
-        reactRouterConfigLoader = await createConfigLoader({
+        await loadDotenv({
           rootDirectory,
+          viteUserConfig,
           mode,
-          watch: viteCommand === "serve",
         });
 
-        await updatePluginContext();
-
-        await loadDotenv({
+        reactRouterConfigLoader = await createConfigLoader({
           rootDirectory,
-          viteUserConfig,
           mode,
+          watch: viteCommand === "serve",
         });
 
+        await updatePluginContext();
+
         let environments = await getEnvironmentsOptions(ctx, viteCommand, {
           viteUserConfig,
         });

packages/react-router-dev/vite/rsc/plugin.ts

@@ -60,6 +60,12 @@ export function reactRouterRSCVitePlugin(): Vite.PluginOption[] {
         const rootDirectory = getRootDirectory(viteUserConfig);
         const watch = command === "serve";
 
+        await loadDotenv({
+          rootDirectory,
+          viteUserConfig,
+          mode,
+        });
+
         configLoader = await createConfigLoader({
           rootDirectory,
           mode,
@@ -104,12 +110,6 @@ export function reactRouterRSCVitePlugin(): Vite.PluginOption[] {
           );
         }
 
-        await loadDotenv({
-          rootDirectory,
-          viteUserConfig,
-          mode,
-        });
-
         const vite = await import("vite");
         logger = vite.createLogger(viteUserConfig.logLevel, {
           prefix: "[react-router]",