fix(react): Statically replace import.meta.env at build time

Author: Ehesp

packages/react/package.json

@@ -17,7 +17,7 @@
   ],
   "scripts": {
     "prepare": "pnpm run build",
-    "build": "tsup && pnpm run build:logos",
+    "build": "tsup --env.PROD=true && pnpm run build:logos",
     "build:local": "pnpm run build && pnpm pack",
     "build:logos": "pnpm dlx @svgr/cli --icon --typescript --no-index --jsx-runtime automatic --out-dir src/components/logos ../core/brands",
     "dev": "tsup --watch",

packages/react/src/index.ts

@@ -24,21 +24,6 @@ export { PolicyContext } from "./components/policies";
 export { FirebaseUIProvider, type FirebaseUIProviderProps } from "./context";
 export * from "./hooks";
 
-// Detect production mode across different build systems (Vite, webpack/Next.js, etc.)
-const isNodeProduction = typeof process !== "undefined" && process.env.NODE_ENV === "production";
-
-const isViteProduction =
-  typeof import.meta !== "undefined" &&
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  (import.meta as any)?.env &&
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  (import.meta as any).env.PROD === true;
-
-// Check if in production mode
-const isProduction = isNodeProduction || isViteProduction;
-
-if (isProduction) {
-  // Extract framework name from package name (e.g., "@invertase/firebaseui-react" -> "react")
-  const frameworkName = pkgJson.name.replace("@invertase/firebaseui-", "");
-  registerFramework(frameworkName, pkgJson.version);
+if (import.meta.env.PROD) {
+  registerFramework("react", pkgJson.version);
 }