build: default flags but maintain togglability (#5702)

fix: default flags but maintain togglability

src/featureFlags/index.tsx

@@ -55,12 +55,13 @@ export enum BaseVariant {
   Enabled = 'enabled',
 }
 
-export function useBaseFlag(flag: string): BaseVariant {
+export function useBaseFlag(flag: string, defaultValue = BaseVariant.Control): BaseVariant {
   switch (useFeatureFlagsContext().flags[flag]) {
     case 'enabled':
       return BaseVariant.Enabled
     case 'control':
-    default:
       return BaseVariant.Control
+    default:
+      return defaultValue
   }
 }

src/utils/env.ts

@@ -7,6 +7,7 @@ export function isTestEnv(): boolean {
 }
 
 export function isStagingEnv(): boolean {
+  // NB: This is set in vercel builds.
   return Boolean(process.env.REACT_APP_STAGING)
 }