use process.env MM_ENV not equal to production

Author: asalsys

app/components/Nav/Main/MainNavigator.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useMemo, useCallback } from 'react';
+import React, { useState, useEffect, useMemo } from 'react';
 import { Image, StyleSheet, Keyboard, Platform } from 'react-native';
 import { createStackNavigator } from '@react-navigation/stack';
 import { useSelector } from 'react-redux';
@@ -1192,7 +1192,7 @@ const MainNavigator = () => {
           ...GeneralSettings.navigationOptions,
         }}
       />
-      {!(process.env.METAMASK_ENVIRONMENT === 'production') && (
+      {process.env.METAMASK_ENVIRONMENT !== 'production' && (
         <Stack.Screen
           name={Routes.FEATURE_FLAG_OVERRIDE}
           component={FeatureFlagOverride}

app/components/Views/Settings/index.tsx

@@ -329,7 +329,7 @@ const Settings = () => {
             onPress={onPressDeveloperOptions}
           />
         )}
-        {!(process.env.METAMASK_ENVIRONMENT === 'production') && (
+        {process.env.METAMASK_ENVIRONMENT !== 'production' && (
           <SettingsDrawer
             title={strings('app_settings.feature_flag_override.title')}
             description={strings(

app/contexts/FeatureFlagOverrideContext.tsx

@@ -146,7 +146,7 @@ export const FeatureFlagOverrideProvider: React.FC<
   const validateMinimumVersion = useCallback(
     (flagKey: string, flagValue: MinimumVersionFlagValue) => {
       if (
-        !(process.env.METAMASK_ENVIRONMENT === 'production') &&
+        process.env.METAMASK_ENVIRONMENT !== 'production' &&
         !isMinimumRequiredVersionSupported(flagValue.minimumVersion)
       ) {
         toastRef?.current?.showToast({
@@ -172,42 +172,62 @@ export const FeatureFlagOverrideProvider: React.FC<
   /**
    * get a specific feature flag value with overrides applied
    */
-  const getFeatureFlag = (key: string) => {
-    const flag = featureFlags[key];
-    if (!flag) {
-      return undefined;
-    }
-
-    if (flag.type === 'boolean with minimumVersion') {
-      return validateMinimumVersion(
-        flag.key,
-        flag.value as unknown as MinimumVersionFlagValue,
-      );
-    }
-
-    return flag.value;
-  };
+  const getFeatureFlag = useCallback(
+    (key: string) => {
+      const flag = featureFlags[key];
+      if (!flag) {
+        return undefined;
+      }
+
+      if (flag.type === 'boolean with minimumVersion') {
+        return validateMinimumVersion(
+          flag.key,
+          flag.value as unknown as MinimumVersionFlagValue,
+        );
+      }
+
+      return flag.value;
+    },
+    [featureFlags, validateMinimumVersion],
+  );
 
   const getOverrideCount = useCallback(
     (): number => Object.keys(overrides).length,
     [overrides],
   );
 
-  const contextValue: FeatureFlagOverrideContextType = {
-    featureFlags,
-    originalFlags: rawFeatureFlags,
-    getFeatureFlag,
-    featureFlagsList,
-    overrides,
-    setOverride,
-    removeOverride,
-    clearAllOverrides,
-    hasOverride,
-    getOverride,
-    getAllOverrides,
-    applyOverrides,
-    getOverrideCount,
-  };
+  const contextValue: FeatureFlagOverrideContextType = useMemo(
+    () => ({
+      featureFlags,
+      originalFlags: rawFeatureFlags,
+      getFeatureFlag,
+      featureFlagsList,
+      overrides,
+      setOverride,
+      removeOverride,
+      clearAllOverrides,
+      hasOverride,
+      getOverride,
+      getAllOverrides,
+      applyOverrides,
+      getOverrideCount,
+    }),
+    [
+      featureFlags,
+      rawFeatureFlags,
+      getFeatureFlag,
+      featureFlagsList,
+      overrides,
+      setOverride,
+      removeOverride,
+      clearAllOverrides,
+      hasOverride,
+      getOverride,
+      getAllOverrides,
+      applyOverrides,
+      getOverrideCount,
+    ],
+  );
 
   return (
     <FeatureFlagOverrideContext.Provider value={contextValue}>