Remove ReactTestUtils from ReactJSXElementValidator (#28335)

DiffTrain build for [e7849b50bc](https://github.com/facebook/react/commit/e7849b50bcefc0742ca342d70284d82cfcf990e5)

compiled/facebook-www/JSXDEVRuntime-dev.classic.js

@@ -109,9 +109,9 @@ if (__DEV__) {
 
     var enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
       enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
+      enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
       enableRefAsProp = dynamicFeatureFlags.enableRefAsProp;
     // On WWW, false is used for a new modern build.
-    var enableRenderableContext = true;
 
     function getWrappedName(outerType, innerType, wrapperName) {
       var displayName = outerType.displayName;
@@ -193,21 +193,30 @@ if (__DEV__) {
         }
 
         switch (type.$$typeof) {
-          case REACT_PROVIDER_TYPE: {
-            return null;
-          }
+          case REACT_PROVIDER_TYPE:
+            if (enableRenderableContext) {
+              return null;
+            } else {
+              var provider = type;
+              return getContextName(provider._context) + ".Provider";
+            }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
-            {
+            if (enableRenderableContext) {
               return getContextName(context) + ".Provider";
+            } else {
+              return getContextName(context) + ".Consumer";
             }
 
-          case REACT_CONSUMER_TYPE: {
-            var consumer = type;
-            return getContextName(consumer._context) + ".Consumer";
-          }
+          case REACT_CONSUMER_TYPE:
+            if (enableRenderableContext) {
+              var consumer = type;
+              return getContextName(consumer._context) + ".Consumer";
+            } else {
+              return null;
+            }
 
           case REACT_FORWARD_REF_TYPE:
             return getWrappedName(type, type.render, "ForwardRef");
@@ -347,8 +356,8 @@ if (__DEV__) {
           type.$$typeof === REACT_LAZY_TYPE ||
           type.$$typeof === REACT_MEMO_TYPE ||
           type.$$typeof === REACT_CONTEXT_TYPE ||
-          !enableRenderableContext ||
-          type.$$typeof === REACT_CONSUMER_TYPE ||
+          (!enableRenderableContext && type.$$typeof === REACT_PROVIDER_TYPE) ||
+          (enableRenderableContext && type.$$typeof === REACT_CONSUMER_TYPE) ||
           type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
           // types supported by any Flight configuration anywhere since
           // we don't know which Flight build this will end up being used

compiled/facebook-www/JSXDEVRuntime-dev.modern.js

@@ -109,9 +109,9 @@ if (__DEV__) {
 
     var enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
       enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
+      enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
       enableRefAsProp = dynamicFeatureFlags.enableRefAsProp;
     // On WWW, true is used for a new modern build.
-    var enableRenderableContext = true;
 
     function getWrappedName(outerType, innerType, wrapperName) {
       var displayName = outerType.displayName;
@@ -193,21 +193,30 @@ if (__DEV__) {
         }
 
         switch (type.$$typeof) {
-          case REACT_PROVIDER_TYPE: {
-            return null;
-          }
+          case REACT_PROVIDER_TYPE:
+            if (enableRenderableContext) {
+              return null;
+            } else {
+              var provider = type;
+              return getContextName(provider._context) + ".Provider";
+            }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
-            {
+            if (enableRenderableContext) {
               return getContextName(context) + ".Provider";
+            } else {
+              return getContextName(context) + ".Consumer";
             }
 
-          case REACT_CONSUMER_TYPE: {
-            var consumer = type;
-            return getContextName(consumer._context) + ".Consumer";
-          }
+          case REACT_CONSUMER_TYPE:
+            if (enableRenderableContext) {
+              var consumer = type;
+              return getContextName(consumer._context) + ".Consumer";
+            } else {
+              return null;
+            }
 
           case REACT_FORWARD_REF_TYPE:
             return getWrappedName(type, type.render, "ForwardRef");
@@ -347,8 +356,8 @@ if (__DEV__) {
           type.$$typeof === REACT_LAZY_TYPE ||
           type.$$typeof === REACT_MEMO_TYPE ||
           type.$$typeof === REACT_CONTEXT_TYPE ||
-          !enableRenderableContext ||
-          type.$$typeof === REACT_CONSUMER_TYPE ||
+          (!enableRenderableContext && type.$$typeof === REACT_PROVIDER_TYPE) ||
+          (enableRenderableContext && type.$$typeof === REACT_CONSUMER_TYPE) ||
           type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
           // types supported by any Flight configuration anywhere since
           // we don't know which Flight build this will end up being used

compiled/facebook-www/REVISION

@@ -1 +1 @@
-c9798954e26a2354a951cc65607f2901a45bf035
+e7849b50bcefc0742ca342d70284d82cfcf990e5

compiled/facebook-www/React-dev.classic.js

@@ -24,7 +24,7 @@ if (__DEV__) {
     ) {
       __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
     }
-    var ReactVersion = "18.3.0-www-classic-e2cea41c";
+    var ReactVersion = "18.3.0-www-classic-7829c2f7";
 
     // ATTENTION
     // When adding new symbols to this file,
@@ -401,9 +401,9 @@ if (__DEV__) {
 
     var enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
       enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
+      enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
       enableRefAsProp = dynamicFeatureFlags.enableRefAsProp;
     // On WWW, false is used for a new modern build.
-    var enableRenderableContext = true;
 
     /*
      * The `'' + value` pattern (used in perf-sensitive code) throws for Symbol
@@ -559,21 +559,30 @@ if (__DEV__) {
         }
 
         switch (type.$$typeof) {
-          case REACT_PROVIDER_TYPE: {
-            return null;
-          }
+          case REACT_PROVIDER_TYPE:
+            if (enableRenderableContext) {
+              return null;
+            } else {
+              var provider = type;
+              return getContextName(provider._context) + ".Provider";
+            }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
-            {
+            if (enableRenderableContext) {
               return getContextName(context) + ".Provider";
+            } else {
+              return getContextName(context) + ".Consumer";
             }
 
-          case REACT_CONSUMER_TYPE: {
-            var consumer = type;
-            return getContextName(consumer._context) + ".Consumer";
-          }
+          case REACT_CONSUMER_TYPE:
+            if (enableRenderableContext) {
+              var consumer = type;
+              return getContextName(consumer._context) + ".Consumer";
+            } else {
+              return null;
+            }
 
           case REACT_FORWARD_REF_TYPE:
             return getWrappedName(type, type.render, "ForwardRef");
@@ -722,8 +731,8 @@ if (__DEV__) {
           type.$$typeof === REACT_LAZY_TYPE ||
           type.$$typeof === REACT_MEMO_TYPE ||
           type.$$typeof === REACT_CONTEXT_TYPE ||
-          !enableRenderableContext ||
-          type.$$typeof === REACT_CONSUMER_TYPE ||
+          (!enableRenderableContext && type.$$typeof === REACT_PROVIDER_TYPE) ||
+          (enableRenderableContext && type.$$typeof === REACT_CONSUMER_TYPE) ||
           type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
           // types supported by any Flight configuration anywhere since
           // we don't know which Flight build this will end up being used
@@ -2639,12 +2648,70 @@ if (__DEV__) {
         Consumer: null
       };
 
-      {
+      if (enableRenderableContext) {
         context.Provider = context;
         context.Consumer = {
           $$typeof: REACT_CONSUMER_TYPE,
           _context: context
         };
+      } else {
+        context.Provider = {
+          $$typeof: REACT_PROVIDER_TYPE,
+          _context: context
+        };
+
+        {
+          var Consumer = {
+            $$typeof: REACT_CONTEXT_TYPE,
+            _context: context
+          };
+          Object.defineProperties(Consumer, {
+            Provider: {
+              get: function () {
+                return context.Provider;
+              },
+              set: function (_Provider) {
+                context.Provider = _Provider;
+              }
+            },
+            _currentValue: {
+              get: function () {
+                return context._currentValue;
+              },
+              set: function (_currentValue) {
+                context._currentValue = _currentValue;
+              }
+            },
+            _currentValue2: {
+              get: function () {
+                return context._currentValue2;
+              },
+              set: function (_currentValue2) {
+                context._currentValue2 = _currentValue2;
+              }
+            },
+            _threadCount: {
+              get: function () {
+                return context._threadCount;
+              },
+              set: function (_threadCount) {
+                context._threadCount = _threadCount;
+              }
+            },
+            Consumer: {
+              get: function () {
+                return context.Consumer;
+              }
+            },
+            displayName: {
+              get: function () {
+                return context.displayName;
+              },
+              set: function (displayName) {}
+            }
+          });
+          context.Consumer = Consumer;
+        }
       }
 
       {

compiled/facebook-www/React-dev.modern.js

@@ -24,7 +24,7 @@ if (__DEV__) {
     ) {
       __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
     }
-    var ReactVersion = "18.3.0-www-modern-c68f569b";
+    var ReactVersion = "18.3.0-www-modern-99dd25e6";
 
     // ATTENTION
     // When adding new symbols to this file,
@@ -401,9 +401,9 @@ if (__DEV__) {
 
     var enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
       enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
+      enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
       enableRefAsProp = dynamicFeatureFlags.enableRefAsProp;
     // On WWW, true is used for a new modern build.
-    var enableRenderableContext = true;
 
     /*
      * The `'' + value` pattern (used in perf-sensitive code) throws for Symbol
@@ -559,21 +559,30 @@ if (__DEV__) {
         }
 
         switch (type.$$typeof) {
-          case REACT_PROVIDER_TYPE: {
-            return null;
-          }
+          case REACT_PROVIDER_TYPE:
+            if (enableRenderableContext) {
+              return null;
+            } else {
+              var provider = type;
+              return getContextName(provider._context) + ".Provider";
+            }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
-            {
+            if (enableRenderableContext) {
               return getContextName(context) + ".Provider";
+            } else {
+              return getContextName(context) + ".Consumer";
             }
 
-          case REACT_CONSUMER_TYPE: {
-            var consumer = type;
-            return getContextName(consumer._context) + ".Consumer";
-          }
+          case REACT_CONSUMER_TYPE:
+            if (enableRenderableContext) {
+              var consumer = type;
+              return getContextName(consumer._context) + ".Consumer";
+            } else {
+              return null;
+            }
 
           case REACT_FORWARD_REF_TYPE:
             return getWrappedName(type, type.render, "ForwardRef");
@@ -722,8 +731,8 @@ if (__DEV__) {
           type.$$typeof === REACT_LAZY_TYPE ||
           type.$$typeof === REACT_MEMO_TYPE ||
           type.$$typeof === REACT_CONTEXT_TYPE ||
-          !enableRenderableContext ||
-          type.$$typeof === REACT_CONSUMER_TYPE ||
+          (!enableRenderableContext && type.$$typeof === REACT_PROVIDER_TYPE) ||
+          (enableRenderableContext && type.$$typeof === REACT_CONSUMER_TYPE) ||
           type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
           // types supported by any Flight configuration anywhere since
           // we don't know which Flight build this will end up being used
@@ -2595,12 +2604,70 @@ if (__DEV__) {
         Consumer: null
       };
 
-      {
+      if (enableRenderableContext) {
         context.Provider = context;
         context.Consumer = {
           $$typeof: REACT_CONSUMER_TYPE,
           _context: context
         };
+      } else {
+        context.Provider = {
+          $$typeof: REACT_PROVIDER_TYPE,
+          _context: context
+        };
+
+        {
+          var Consumer = {
+            $$typeof: REACT_CONTEXT_TYPE,
+            _context: context
+          };
+          Object.defineProperties(Consumer, {
+            Provider: {
+              get: function () {
+                return context.Provider;
+              },
+              set: function (_Provider) {
+                context.Provider = _Provider;
+              }
+            },
+            _currentValue: {
+              get: function () {
+                return context._currentValue;
+              },
+              set: function (_currentValue) {
+                context._currentValue = _currentValue;
+              }
+            },
+            _currentValue2: {
+              get: function () {
+                return context._currentValue2;
+              },
+              set: function (_currentValue2) {
+                context._currentValue2 = _currentValue2;
+              }
+            },
+            _threadCount: {
+              get: function () {
+                return context._threadCount;
+              },
+              set: function (_threadCount) {
+                context._threadCount = _threadCount;
+              }
+            },
+            Consumer: {
+              get: function () {
+                return context.Consumer;
+              }
+            },
+            displayName: {
+              get: function () {
+                return context.displayName;
+              },
+              set: function (displayName) {}
+            }
+          });
+          context.Consumer = Consumer;
+        }
       }
 
       {

compiled/facebook-www/React-prod.classic.js

@@ -16,6 +16,7 @@ var REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
   REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
   REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
+  REACT_PROVIDER_TYPE = Symbol.for("react.provider"),
   REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
   REACT_CONTEXT_TYPE = Symbol.for("react.context"),
   REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
@@ -83,6 +84,7 @@ pureComponentPrototype.isPureReactComponent = !0;
 var isArrayImpl = Array.isArray,
   dynamicFeatureFlags = require("ReactFeatureFlags"),
   enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
+  enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
   enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
   ReactCurrentDispatcher = { current: null },
   ReactCurrentCache = { current: null },
@@ -474,11 +476,17 @@ exports.createContext = function (defaultValue) {
     Provider: null,
     Consumer: null
   };
-  defaultValue.Provider = defaultValue;
-  defaultValue.Consumer = {
-    $$typeof: REACT_CONSUMER_TYPE,
-    _context: defaultValue
-  };
+  enableRenderableContext
+    ? ((defaultValue.Provider = defaultValue),
+      (defaultValue.Consumer = {
+        $$typeof: REACT_CONSUMER_TYPE,
+        _context: defaultValue
+      }))
+    : ((defaultValue.Provider = {
+        $$typeof: REACT_PROVIDER_TYPE,
+        _context: defaultValue
+      }),
+      (defaultValue.Consumer = defaultValue));
   return defaultValue;
 };
 exports.createElement = createElement;
@@ -625,4 +633,4 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactCurrentDispatcher.current.useTransition();
 };
-exports.version = "18.3.0-www-classic-17784f7e";
+exports.version = "18.3.0-www-classic-d4b2bc87";

compiled/facebook-www/React-prod.modern.js

@@ -16,6 +16,7 @@ var REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
   REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
   REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
+  REACT_PROVIDER_TYPE = Symbol.for("react.provider"),
   REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
   REACT_CONTEXT_TYPE = Symbol.for("react.context"),
   REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
@@ -82,6 +83,7 @@ pureComponentPrototype.isPureReactComponent = !0;
 var isArrayImpl = Array.isArray,
   dynamicFeatureFlags = require("ReactFeatureFlags"),
   enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
+  enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
   enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
   ReactCurrentDispatcher = { current: null },
   ReactCurrentCache = { current: null },
@@ -435,11 +437,17 @@ exports.createContext = function (defaultValue) {
     Provider: null,
     Consumer: null
   };
-  defaultValue.Provider = defaultValue;
-  defaultValue.Consumer = {
-    $$typeof: REACT_CONSUMER_TYPE,
-    _context: defaultValue
-  };
+  enableRenderableContext
+    ? ((defaultValue.Provider = defaultValue),
+      (defaultValue.Consumer = {
+        $$typeof: REACT_CONSUMER_TYPE,
+        _context: defaultValue
+      }))
+    : ((defaultValue.Provider = {
+        $$typeof: REACT_PROVIDER_TYPE,
+        _context: defaultValue
+      }),
+      (defaultValue.Consumer = defaultValue));
   return defaultValue;
 };
 exports.createElement = function (type, config, children) {
@@ -617,4 +625,4 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactCurrentDispatcher.current.useTransition();
 };
-exports.version = "18.3.0-www-modern-7f5681e6";
+exports.version = "18.3.0-www-modern-4bf685e4";

compiled/facebook-www/React-profiling.classic.js

@@ -20,6 +20,7 @@ var REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
   REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
   REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
+  REACT_PROVIDER_TYPE = Symbol.for("react.provider"),
   REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
   REACT_CONTEXT_TYPE = Symbol.for("react.context"),
   REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
@@ -87,6 +88,7 @@ pureComponentPrototype.isPureReactComponent = !0;
 var isArrayImpl = Array.isArray,
   dynamicFeatureFlags = require("ReactFeatureFlags"),
   enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
+  enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
   enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
   ReactCurrentDispatcher = { current: null },
   ReactCurrentCache = { current: null },
@@ -478,11 +480,17 @@ exports.createContext = function (defaultValue) {
     Provider: null,
     Consumer: null
   };
-  defaultValue.Provider = defaultValue;
-  defaultValue.Consumer = {
-    $$typeof: REACT_CONSUMER_TYPE,
-    _context: defaultValue
-  };
+  enableRenderableContext
+    ? ((defaultValue.Provider = defaultValue),
+      (defaultValue.Consumer = {
+        $$typeof: REACT_CONSUMER_TYPE,
+        _context: defaultValue
+      }))
+    : ((defaultValue.Provider = {
+        $$typeof: REACT_PROVIDER_TYPE,
+        _context: defaultValue
+      }),
+      (defaultValue.Consumer = defaultValue));
   return defaultValue;
 };
 exports.createElement = createElement;
@@ -629,7 +637,7 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactCurrentDispatcher.current.useTransition();
 };
-exports.version = "18.3.0-www-classic-f64bbc43";
+exports.version = "18.3.0-www-classic-012fabe8";
 "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
   "function" ===
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

compiled/facebook-www/React-profiling.modern.js

@@ -20,6 +20,7 @@ var REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
   REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
   REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
+  REACT_PROVIDER_TYPE = Symbol.for("react.provider"),
   REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
   REACT_CONTEXT_TYPE = Symbol.for("react.context"),
   REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
@@ -86,6 +87,7 @@ pureComponentPrototype.isPureReactComponent = !0;
 var isArrayImpl = Array.isArray,
   dynamicFeatureFlags = require("ReactFeatureFlags"),
   enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
+  enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
   enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
   ReactCurrentDispatcher = { current: null },
   ReactCurrentCache = { current: null },
@@ -439,11 +441,17 @@ exports.createContext = function (defaultValue) {
     Provider: null,
     Consumer: null
   };
-  defaultValue.Provider = defaultValue;
-  defaultValue.Consumer = {
-    $$typeof: REACT_CONSUMER_TYPE,
-    _context: defaultValue
-  };
+  enableRenderableContext
+    ? ((defaultValue.Provider = defaultValue),
+      (defaultValue.Consumer = {
+        $$typeof: REACT_CONSUMER_TYPE,
+        _context: defaultValue
+      }))
+    : ((defaultValue.Provider = {
+        $$typeof: REACT_PROVIDER_TYPE,
+        _context: defaultValue
+      }),
+      (defaultValue.Consumer = defaultValue));
   return defaultValue;
 };
 exports.createElement = function (type, config, children) {
@@ -621,7 +629,7 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactCurrentDispatcher.current.useTransition();
 };
-exports.version = "18.3.0-www-modern-9c6d816f";
+exports.version = "18.3.0-www-modern-03577a43";
 "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
   "function" ===
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

compiled/facebook-www/ReactART-dev.classic.js

@@ -66,7 +66,7 @@ if (__DEV__) {
       return self;
     }
 
-    var ReactVersion = "18.3.0-www-classic-1b14a8b4";
+    var ReactVersion = "18.3.0-www-classic-f1606359";
 
     var LegacyRoot = 0;
     var ConcurrentRoot = 1;
@@ -187,6 +187,7 @@ if (__DEV__) {
         dynamicFeatureFlags.transitionLaneExpirationMs,
       enableInfiniteRenderLoopDetection =
         dynamicFeatureFlags.enableInfiniteRenderLoopDetection,
+      enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
       useModernStrictMode = dynamicFeatureFlags.useModernStrictMode,
       enableRefAsProp = dynamicFeatureFlags.enableRefAsProp;
     // On WWW, false is used for a new modern build.
@@ -354,21 +355,30 @@ if (__DEV__) {
         }
 
         switch (type.$$typeof) {
-          case REACT_PROVIDER_TYPE: {
-            return null;
-          }
+          case REACT_PROVIDER_TYPE:
+            if (enableRenderableContext) {
+              return null;
+            } else {
+              var provider = type;
+              return getContextName$1(provider._context) + ".Provider";
+            }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
-            {
+            if (enableRenderableContext) {
               return getContextName$1(context) + ".Provider";
+            } else {
+              return getContextName$1(context) + ".Consumer";
             }
 
-          case REACT_CONSUMER_TYPE: {
-            var consumer = type;
-            return getContextName$1(consumer._context) + ".Consumer";
-          }
+          case REACT_CONSUMER_TYPE:
+            if (enableRenderableContext) {
+              var consumer = type;
+              return getContextName$1(consumer._context) + ".Consumer";
+            } else {
+              return null;
+            }
 
           case REACT_FORWARD_REF_TYPE:
             return getWrappedName$1(type, type.render, "ForwardRef");
@@ -421,15 +431,23 @@ if (__DEV__) {
         case CacheComponent:
           return "Cache";
 
-        case ContextConsumer: {
-          var consumer = type;
-          return getContextName(consumer._context) + ".Consumer";
-        }
+        case ContextConsumer:
+          if (enableRenderableContext) {
+            var consumer = type;
+            return getContextName(consumer._context) + ".Consumer";
+          } else {
+            var context = type;
+            return getContextName(context) + ".Consumer";
+          }
 
-        case ContextProvider: {
-          var _context = type;
-          return getContextName(_context) + ".Provider";
-        }
+        case ContextProvider:
+          if (enableRenderableContext) {
+            var _context = type;
+            return getContextName(_context) + ".Provider";
+          } else {
+            var provider = type;
+            return getContextName(provider._context) + ".Provider";
+          }
 
         case DehydratedFragment:
           return "DehydratedFragment";
@@ -17415,8 +17433,10 @@ if (__DEV__) {
     function updateContextProvider(current, workInProgress, renderLanes) {
       var context;
 
-      {
+      if (enableRenderableContext) {
         context = workInProgress.type;
+      } else {
+        context = workInProgress.type._context;
       }
 
       var newProps = workInProgress.pendingProps;
@@ -17470,9 +17490,17 @@ if (__DEV__) {
     function updateContextConsumer(current, workInProgress, renderLanes) {
       var context;
 
-      {
+      if (enableRenderableContext) {
         var consumerType = workInProgress.type;
         context = consumerType._context;
+      } else {
+        context = workInProgress.type;
+
+        {
+          if (context._context !== undefined) {
+            context = context._context;
+          }
+        }
       }
 
       var newProps = workInProgress.pendingProps;
@@ -17718,8 +17746,10 @@ if (__DEV__) {
           var newValue = workInProgress.memoizedProps.value;
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
           }
 
           pushProvider(workInProgress, context, newValue);
@@ -18692,8 +18722,10 @@ if (__DEV__) {
           if (oldProps !== null) {
             var context = void 0;
 
-            {
+            if (enableRenderableContext) {
               context = parent.type;
+            } else {
+              context = parent.type._context;
             }
 
             var newProps = parent.pendingProps;
@@ -19232,7 +19264,10 @@ if (__DEV__) {
     }
 
     function collectNearestContextValues(node, context, childContextValues) {
-      if (node.tag === ContextProvider && node.type === context) {
+      if (
+        node.tag === ContextProvider &&
+        (enableRenderableContext ? node.type : node.type._context) === context
+      ) {
         var contextValue = node.memoizedProps.value;
         childContextValues.push(contextValue);
       } else {
@@ -20081,8 +20116,10 @@ if (__DEV__) {
           // Pop provider fiber
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
           }
 
           popProvider(context, workInProgress);
@@ -20568,8 +20605,10 @@ if (__DEV__) {
         case ContextProvider:
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
           }
 
           popProvider(context, workInProgress);
@@ -20665,8 +20704,10 @@ if (__DEV__) {
         case ContextProvider:
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = interruptedWork.type;
+          } else {
+            context = interruptedWork.type._context;
           }
 
           popProvider(context, interruptedWork);
@@ -29608,18 +29649,27 @@ if (__DEV__) {
             if (typeof type === "object" && type !== null) {
               switch (type.$$typeof) {
                 case REACT_PROVIDER_TYPE:
+                  if (!enableRenderableContext) {
+                    fiberTag = ContextProvider;
+                    break getTag;
+                  }
 
                 // Fall through
 
-                case REACT_CONTEXT_TYPE: {
-                  fiberTag = ContextProvider;
-                  break getTag;
-                }
+                case REACT_CONTEXT_TYPE:
+                  if (enableRenderableContext) {
+                    fiberTag = ContextProvider;
+                    break getTag;
+                  } else {
+                    fiberTag = ContextConsumer;
+                    break getTag;
+                  }
 
-                case REACT_CONSUMER_TYPE: {
-                  fiberTag = ContextConsumer;
-                  break getTag;
-                }
+                case REACT_CONSUMER_TYPE:
+                  if (enableRenderableContext) {
+                    fiberTag = ContextConsumer;
+                    break getTag;
+                  }
 
                 // Fall through
 

compiled/facebook-www/ReactART-dev.modern.js

@@ -66,7 +66,7 @@ if (__DEV__) {
       return self;
     }
 
-    var ReactVersion = "18.3.0-www-modern-bbc162b8";
+    var ReactVersion = "18.3.0-www-modern-78796c31";
 
     var LegacyRoot = 0;
     var ConcurrentRoot = 1;
@@ -187,6 +187,7 @@ if (__DEV__) {
         dynamicFeatureFlags.transitionLaneExpirationMs,
       enableInfiniteRenderLoopDetection =
         dynamicFeatureFlags.enableInfiniteRenderLoopDetection,
+      enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
       useModernStrictMode = dynamicFeatureFlags.useModernStrictMode,
       enableRefAsProp = dynamicFeatureFlags.enableRefAsProp;
     // On WWW, true is used for a new modern build.
@@ -354,21 +355,30 @@ if (__DEV__) {
         }
 
         switch (type.$$typeof) {
-          case REACT_PROVIDER_TYPE: {
-            return null;
-          }
+          case REACT_PROVIDER_TYPE:
+            if (enableRenderableContext) {
+              return null;
+            } else {
+              var provider = type;
+              return getContextName$1(provider._context) + ".Provider";
+            }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
-            {
+            if (enableRenderableContext) {
               return getContextName$1(context) + ".Provider";
+            } else {
+              return getContextName$1(context) + ".Consumer";
             }
 
-          case REACT_CONSUMER_TYPE: {
-            var consumer = type;
-            return getContextName$1(consumer._context) + ".Consumer";
-          }
+          case REACT_CONSUMER_TYPE:
+            if (enableRenderableContext) {
+              var consumer = type;
+              return getContextName$1(consumer._context) + ".Consumer";
+            } else {
+              return null;
+            }
 
           case REACT_FORWARD_REF_TYPE:
             return getWrappedName$1(type, type.render, "ForwardRef");
@@ -421,15 +431,23 @@ if (__DEV__) {
         case CacheComponent:
           return "Cache";
 
-        case ContextConsumer: {
-          var consumer = type;
-          return getContextName(consumer._context) + ".Consumer";
-        }
+        case ContextConsumer:
+          if (enableRenderableContext) {
+            var consumer = type;
+            return getContextName(consumer._context) + ".Consumer";
+          } else {
+            var context = type;
+            return getContextName(context) + ".Consumer";
+          }
 
-        case ContextProvider: {
-          var _context = type;
-          return getContextName(_context) + ".Provider";
-        }
+        case ContextProvider:
+          if (enableRenderableContext) {
+            var _context = type;
+            return getContextName(_context) + ".Provider";
+          } else {
+            var provider = type;
+            return getContextName(provider._context) + ".Provider";
+          }
 
         case DehydratedFragment:
           return "DehydratedFragment";
@@ -17109,8 +17127,10 @@ if (__DEV__) {
     function updateContextProvider(current, workInProgress, renderLanes) {
       var context;
 
-      {
+      if (enableRenderableContext) {
         context = workInProgress.type;
+      } else {
+        context = workInProgress.type._context;
       }
 
       var newProps = workInProgress.pendingProps;
@@ -17164,9 +17184,17 @@ if (__DEV__) {
     function updateContextConsumer(current, workInProgress, renderLanes) {
       var context;
 
-      {
+      if (enableRenderableContext) {
         var consumerType = workInProgress.type;
         context = consumerType._context;
+      } else {
+        context = workInProgress.type;
+
+        {
+          if (context._context !== undefined) {
+            context = context._context;
+          }
+        }
       }
 
       var newProps = workInProgress.pendingProps;
@@ -17406,8 +17434,10 @@ if (__DEV__) {
           var newValue = workInProgress.memoizedProps.value;
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
           }
 
           pushProvider(workInProgress, context, newValue);
@@ -18380,8 +18410,10 @@ if (__DEV__) {
           if (oldProps !== null) {
             var context = void 0;
 
-            {
+            if (enableRenderableContext) {
               context = parent.type;
+            } else {
+              context = parent.type._context;
             }
 
             var newProps = parent.pendingProps;
@@ -18920,7 +18952,10 @@ if (__DEV__) {
     }
 
     function collectNearestContextValues(node, context, childContextValues) {
-      if (node.tag === ContextProvider && node.type === context) {
+      if (
+        node.tag === ContextProvider &&
+        (enableRenderableContext ? node.type : node.type._context) === context
+      ) {
         var contextValue = node.memoizedProps.value;
         childContextValues.push(contextValue);
       } else {
@@ -19762,8 +19797,10 @@ if (__DEV__) {
           // Pop provider fiber
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
           }
 
           popProvider(context, workInProgress);
@@ -20234,8 +20271,10 @@ if (__DEV__) {
         case ContextProvider:
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
           }
 
           popProvider(context, workInProgress);
@@ -20324,8 +20363,10 @@ if (__DEV__) {
         case ContextProvider:
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = interruptedWork.type;
+          } else {
+            context = interruptedWork.type._context;
           }
 
           popProvider(context, interruptedWork);
@@ -29258,18 +29299,27 @@ if (__DEV__) {
             if (typeof type === "object" && type !== null) {
               switch (type.$$typeof) {
                 case REACT_PROVIDER_TYPE:
+                  if (!enableRenderableContext) {
+                    fiberTag = ContextProvider;
+                    break getTag;
+                  }
 
                 // Fall through
 
-                case REACT_CONTEXT_TYPE: {
-                  fiberTag = ContextProvider;
-                  break getTag;
-                }
+                case REACT_CONTEXT_TYPE:
+                  if (enableRenderableContext) {
+                    fiberTag = ContextProvider;
+                    break getTag;
+                  } else {
+                    fiberTag = ContextConsumer;
+                    break getTag;
+                  }
 
-                case REACT_CONSUMER_TYPE: {
-                  fiberTag = ContextConsumer;
-                  break getTag;
-                }
+                case REACT_CONSUMER_TYPE:
+                  if (enableRenderableContext) {
+                    fiberTag = ContextConsumer;
+                    break getTag;
+                  }
 
                 // Fall through
 

compiled/facebook-www/ReactART-prod.classic.js

@@ -83,6 +83,7 @@ var ReactSharedInternals =
   transitionLaneExpirationMs = dynamicFeatureFlags.transitionLaneExpirationMs,
   enableInfiniteRenderLoopDetection =
     dynamicFeatureFlags.enableInfiniteRenderLoopDetection,
+  enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
   enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
   REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   REACT_PORTAL_TYPE = Symbol.for("react.portal"),
@@ -140,10 +141,17 @@ function getComponentNameFromType(type) {
   }
   if ("object" === typeof type)
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        if (enableRenderableContext) break;
+        else return (type._context.displayName || "Context") + ".Provider";
       case REACT_CONTEXT_TYPE:
-        return (type.displayName || "Context") + ".Provider";
+        return enableRenderableContext
+          ? (type.displayName || "Context") + ".Provider"
+          : (type.displayName || "Context") + ".Consumer";
       case REACT_CONSUMER_TYPE:
-        return (type._context.displayName || "Context") + ".Consumer";
+        if (enableRenderableContext)
+          return (type._context.displayName || "Context") + ".Consumer";
+        break;
       case REACT_FORWARD_REF_TYPE:
         var innerType = type.render;
         type = type.displayName;
@@ -173,9 +181,13 @@ function getComponentNameFromFiber(fiber) {
     case 24:
       return "Cache";
     case 9:
-      return (type._context.displayName || "Context") + ".Consumer";
+      return enableRenderableContext
+        ? (type._context.displayName || "Context") + ".Consumer"
+        : (type.displayName || "Context") + ".Consumer";
     case 10:
-      return (type.displayName || "Context") + ".Provider";
+      return enableRenderableContext
+        ? (type.displayName || "Context") + ".Provider"
+        : (type._context.displayName || "Context") + ".Provider";
     case 18:
       return "DehydratedFragment";
     case 11:
@@ -275,36 +287,36 @@ function findCurrentFiberUsingSlowPath(fiber) {
     }
     if (a.return !== b.return) (a = parentA), (b = parentB);
     else {
-      for (var didFindChild = !1, child$0 = parentA.child; child$0; ) {
-        if (child$0 === a) {
+      for (var didFindChild = !1, child$1 = parentA.child; child$1; ) {
+        if (child$1 === a) {
           didFindChild = !0;
           a = parentA;
           b = parentB;
           break;
         }
-        if (child$0 === b) {
+        if (child$1 === b) {
           didFindChild = !0;
           b = parentA;
           a = parentB;
           break;
         }
-        child$0 = child$0.sibling;
+        child$1 = child$1.sibling;
       }
       if (!didFindChild) {
-        for (child$0 = parentB.child; child$0; ) {
-          if (child$0 === a) {
+        for (child$1 = parentB.child; child$1; ) {
+          if (child$1 === a) {
             didFindChild = !0;
             a = parentB;
             b = parentA;
             break;
           }
-          if (child$0 === b) {
+          if (child$1 === b) {
             didFindChild = !0;
             b = parentB;
             a = parentA;
             break;
           }
-          child$0 = child$0.sibling;
+          child$1 = child$1.sibling;
         }
         if (!didFindChild) throw Error(formatProdErrorMessage(189));
       }
@@ -576,18 +588,18 @@ function markRootFinished(root, remainingLanes, spawnedLane) {
     0 < noLongerPendingLanes;
 
   ) {
-    var index$4 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$4;
-    remainingLanes[index$4] = 0;
-    expirationTimes[index$4] = -1;
-    var hiddenUpdatesForLane = hiddenUpdates[index$4];
+    var index$5 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$5;
+    remainingLanes[index$5] = 0;
+    expirationTimes[index$5] = -1;
+    var hiddenUpdatesForLane = hiddenUpdates[index$5];
     if (null !== hiddenUpdatesForLane)
       for (
-        hiddenUpdates[index$4] = null, index$4 = 0;
-        index$4 < hiddenUpdatesForLane.length;
-        index$4++
+        hiddenUpdates[index$5] = null, index$5 = 0;
+        index$5 < hiddenUpdatesForLane.length;
+        index$5++
       ) {
-        var update = hiddenUpdatesForLane[index$4];
+        var update = hiddenUpdatesForLane[index$5];
         null !== update && (update.lane &= -536870913);
       }
     noLongerPendingLanes &= ~lane;
@@ -607,21 +619,21 @@ function markSpawnedDeferredLane(root, spawnedLane, entangledLanes) {
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$5 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$5;
-    (lane & entangledLanes) | (root[index$5] & entangledLanes) &&
-      (root[index$5] |= entangledLanes);
+    var index$6 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$6;
+    (lane & entangledLanes) | (root[index$6] & entangledLanes) &&
+      (root[index$6] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
 function getTransitionsForLanes(root, lanes) {
   if (!enableTransitionTracing) return null;
   for (var transitionsForLanes = []; 0 < lanes; ) {
-    var index$7 = 31 - clz32(lanes),
-      lane = 1 << index$7;
-    index$7 = root.transitionLanes[index$7];
-    null !== index$7 &&
-      index$7.forEach(function (transition) {
+    var index$8 = 31 - clz32(lanes),
+      lane = 1 << index$8;
+    index$8 = root.transitionLanes[index$8];
+    null !== index$8 &&
+      index$8.forEach(function (transition) {
         transitionsForLanes.push(transition);
       });
     lanes &= ~lane;
@@ -631,10 +643,10 @@ function getTransitionsForLanes(root, lanes) {
 function clearTransitionsForLanes(root, lanes) {
   if (enableTransitionTracing)
     for (; 0 < lanes; ) {
-      var index$8 = 31 - clz32(lanes),
-        lane = 1 << index$8;
-      null !== root.transitionLanes[index$8] &&
-        (root.transitionLanes[index$8] = null);
+      var index$9 = 31 - clz32(lanes),
+        lane = 1 << index$9;
+      null !== root.transitionLanes[index$9] &&
+        (root.transitionLanes[index$9] = null);
       lanes &= ~lane;
     }
 }
@@ -1055,35 +1067,35 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
       var didPerformSomeWork = !1;
       for (var root = firstScheduledRoot; null !== root; ) {
         if (!onlyLegacy || 0 === root.tag) {
-          var workInProgressRootRenderLanes$10 = workInProgressRootRenderLanes,
+          var workInProgressRootRenderLanes$11 = workInProgressRootRenderLanes,
             nextLanes = getNextLanes(
               root,
-              root === workInProgressRoot ? workInProgressRootRenderLanes$10 : 0
+              root === workInProgressRoot ? workInProgressRootRenderLanes$11 : 0
             );
           if (0 !== (nextLanes & 3))
             try {
               didPerformSomeWork = !0;
-              workInProgressRootRenderLanes$10 = root;
+              workInProgressRootRenderLanes$11 = root;
               if (0 !== (executionContext & 6))
                 throw Error(formatProdErrorMessage(327));
               if (!flushPassiveEffects()) {
                 var exitStatus = renderRootSync(
-                  workInProgressRootRenderLanes$10,
+                  workInProgressRootRenderLanes$11,
                   nextLanes
                 );
                 if (
-                  0 !== workInProgressRootRenderLanes$10.tag &&
+                  0 !== workInProgressRootRenderLanes$11.tag &&
                   2 === exitStatus
                 ) {
                   var originallyAttemptedLanes = nextLanes,
                     errorRetryLanes = getLanesToRetrySynchronouslyOnError(
-                      workInProgressRootRenderLanes$10,
+                      workInProgressRootRenderLanes$11,
                       originallyAttemptedLanes
                     );
                   0 !== errorRetryLanes &&
                     ((nextLanes = errorRetryLanes),
                     (exitStatus = recoverFromConcurrentError(
-                      workInProgressRootRenderLanes$10,
+                      workInProgressRootRenderLanes$11,
                       originallyAttemptedLanes,
                       errorRetryLanes
                     )));
@@ -1091,34 +1103,34 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
                 if (1 === exitStatus)
                   throw (
                     ((originallyAttemptedLanes = workInProgressRootFatalError),
-                    prepareFreshStack(workInProgressRootRenderLanes$10, 0),
+                    prepareFreshStack(workInProgressRootRenderLanes$11, 0),
                     markRootSuspended(
-                      workInProgressRootRenderLanes$10,
+                      workInProgressRootRenderLanes$11,
                       nextLanes,
                       0
                     ),
-                    ensureRootIsScheduled(workInProgressRootRenderLanes$10),
+                    ensureRootIsScheduled(workInProgressRootRenderLanes$11),
                     originallyAttemptedLanes)
                   );
                 6 === exitStatus
                   ? markRootSuspended(
-                      workInProgressRootRenderLanes$10,
+                      workInProgressRootRenderLanes$11,
                       nextLanes,
                       workInProgressDeferredLane
                     )
-                  : ((workInProgressRootRenderLanes$10.finishedWork =
-                      workInProgressRootRenderLanes$10.current.alternate),
-                    (workInProgressRootRenderLanes$10.finishedLanes =
+                  : ((workInProgressRootRenderLanes$11.finishedWork =
+                      workInProgressRootRenderLanes$11.current.alternate),
+                    (workInProgressRootRenderLanes$11.finishedLanes =
                       nextLanes),
                     commitRoot(
-                      workInProgressRootRenderLanes$10,
+                      workInProgressRootRenderLanes$11,
                       workInProgressRootRecoverableErrors,
                       workInProgressTransitions,
                       workInProgressRootDidIncludeRecursiveRenderUpdate,
                       workInProgressDeferredLane
                     ));
               }
-              ensureRootIsScheduled(workInProgressRootRenderLanes$10);
+              ensureRootIsScheduled(workInProgressRootRenderLanes$11);
             } catch (error) {
               null === errors ? (errors = [error]) : errors.push(error);
             }
@@ -1174,12 +1186,12 @@ function scheduleTaskForRootDuringMicrotask(root, currentTime) {
     0 < pendingLanes;
 
   ) {
-    var index$2 = 31 - clz32(pendingLanes),
-      lane = 1 << index$2,
-      expirationTime = expirationTimes[index$2];
+    var index$3 = 31 - clz32(pendingLanes),
+      lane = 1 << index$3,
+      expirationTime = expirationTimes[index$3];
     if (-1 === expirationTime) {
       if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
-        expirationTimes[index$2] = computeExpirationTime(lane, currentTime);
+        expirationTimes[index$3] = computeExpirationTime(lane, currentTime);
     } else expirationTime <= currentTime && (root.expiredLanes |= lane);
     pendingLanes &= ~lane;
   }
@@ -1607,16 +1619,16 @@ function describeNativeComponentFrame(fn, construct) {
           } else {
             try {
               Fake.call();
-            } catch (x$16) {
-              control = x$16;
+            } catch (x$17) {
+              control = x$17;
             }
             fn.call(Fake.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (x$17) {
-            control = x$17;
+          } catch (x$18) {
+            control = x$18;
           }
           (Fake = fn()) &&
             "function" === typeof Fake.catch &&
@@ -2878,7 +2890,7 @@ function updateReducerImpl(hook, current, reducer) {
     var newBaseQueueFirst = (baseFirst = null),
       newBaseQueueLast = null,
       update = current,
-      didReadFromEntangledAsyncAction$31 = !1;
+      didReadFromEntangledAsyncAction$32 = !1;
     do {
       var updateLane = update.lane & -536870913;
       if (
@@ -2899,11 +2911,11 @@ function updateReducerImpl(hook, current, reducer) {
                 next: null
               }),
             updateLane === currentEntangledLane &&
-              (didReadFromEntangledAsyncAction$31 = !0);
+              (didReadFromEntangledAsyncAction$32 = !0);
         else if ((renderLanes & revertLane) === revertLane) {
           update = update.next;
           revertLane === currentEntangledLane &&
-            (didReadFromEntangledAsyncAction$31 = !0);
+            (didReadFromEntangledAsyncAction$32 = !0);
           continue;
         } else
           (updateLane = {
@@ -2949,7 +2961,7 @@ function updateReducerImpl(hook, current, reducer) {
     if (
       !objectIs(pendingQueue, hook.memoizedState) &&
       ((didReceiveUpdate = !0),
-      didReadFromEntangledAsyncAction$31 &&
+      didReadFromEntangledAsyncAction$32 &&
         ((reducer = currentEntangledActionThenable), null !== reducer))
     )
       throw reducer;
@@ -5528,7 +5540,9 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
     case 10:
       pushProvider(
         workInProgress,
-        workInProgress.type,
+        enableRenderableContext
+          ? workInProgress.type
+          : workInProgress.type._context,
         workInProgress.memoizedProps.value
       );
       break;
@@ -5779,7 +5793,9 @@ function propagateParentContextChanges(
         if (null === currentParent) throw Error(formatProdErrorMessage(387));
         currentParent = currentParent.memoizedProps;
         if (null !== currentParent) {
-          var context = parent.type;
+          var context = enableRenderableContext
+            ? parent.type
+            : parent.type._context;
           objectIs(parent.pendingProps.value, currentParent.value) ||
             (null !== current ? current.push(context) : (current = [context]));
         }
@@ -6002,7 +6018,10 @@ function collectNearestChildContextValues(
     var node = startingChild,
       context = context$jscomp$0,
       childContextValues = childContextValues$jscomp$0;
-    if (10 === node.tag && node.type === context)
+    if (
+      10 === node.tag &&
+      (enableRenderableContext ? node.type : node.type._context) === context
+    )
       childContextValues.push(node.memoizedProps.value);
     else {
       var child = node.child;
@@ -6064,14 +6083,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
       break;
     case "collapsed":
       lastTailNode = renderState.tail;
-      for (var lastTailNode$77 = null; null !== lastTailNode; )
-        null !== lastTailNode.alternate && (lastTailNode$77 = lastTailNode),
+      for (var lastTailNode$78 = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (lastTailNode$78 = lastTailNode),
           (lastTailNode = lastTailNode.sibling);
-      null === lastTailNode$77
+      null === lastTailNode$78
         ? hasRenderedATailFallback || null === renderState.tail
           ? (renderState.tail = null)
           : (renderState.tail.sibling = null)
-        : (lastTailNode$77.sibling = null);
+        : (lastTailNode$78.sibling = null);
   }
 }
 function bubbleProperties(completedWork) {
@@ -6081,19 +6100,19 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$78 = completedWork.child; null !== child$78; )
-      (newChildLanes |= child$78.lanes | child$78.childLanes),
-        (subtreeFlags |= child$78.subtreeFlags & 31457280),
-        (subtreeFlags |= child$78.flags & 31457280),
-        (child$78.return = completedWork),
-        (child$78 = child$78.sibling);
+    for (var child$79 = completedWork.child; null !== child$79; )
+      (newChildLanes |= child$79.lanes | child$79.childLanes),
+        (subtreeFlags |= child$79.subtreeFlags & 31457280),
+        (subtreeFlags |= child$79.flags & 31457280),
+        (child$79.return = completedWork),
+        (child$79 = child$79.sibling);
   else
-    for (child$78 = completedWork.child; null !== child$78; )
-      (newChildLanes |= child$78.lanes | child$78.childLanes),
-        (subtreeFlags |= child$78.subtreeFlags),
-        (subtreeFlags |= child$78.flags),
-        (child$78.return = completedWork),
-        (child$78 = child$78.sibling);
+    for (child$79 = completedWork.child; null !== child$79; )
+      (newChildLanes |= child$79.lanes | child$79.childLanes),
+        (subtreeFlags |= child$79.subtreeFlags),
+        (subtreeFlags |= child$79.flags),
+        (child$79.return = completedWork),
+        (child$79 = child$79.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -6267,11 +6286,11 @@ function completeWork(current, workInProgress, renderLanes) {
           null !== newProps.alternate.memoizedState &&
           null !== newProps.alternate.memoizedState.cachePool &&
           (instance = newProps.alternate.memoizedState.cachePool.pool);
-        var cache$82 = null;
+        var cache$83 = null;
         null !== newProps.memoizedState &&
           null !== newProps.memoizedState.cachePool &&
-          (cache$82 = newProps.memoizedState.cachePool.pool);
-        cache$82 !== instance && (newProps.flags |= 2048);
+          (cache$83 = newProps.memoizedState.cachePool.pool);
+        cache$83 !== instance && (newProps.flags |= 2048);
       }
       renderLanes !== current &&
         (enableTransitionTracing && (workInProgress.child.flags |= 2048),
@@ -6286,7 +6305,13 @@ function completeWork(current, workInProgress, renderLanes) {
       return popHostContainer(), bubbleProperties(workInProgress), null;
     case 10:
       return (
-        popProvider(workInProgress.type), bubbleProperties(workInProgress), null
+        popProvider(
+          enableRenderableContext
+            ? workInProgress.type
+            : workInProgress.type._context
+        ),
+        bubbleProperties(workInProgress),
+        null
       );
     case 17:
       return (
@@ -6299,8 +6324,8 @@ function completeWork(current, workInProgress, renderLanes) {
       instance = workInProgress.memoizedState;
       if (null === instance) return bubbleProperties(workInProgress), null;
       newProps = 0 !== (workInProgress.flags & 128);
-      cache$82 = instance.rendering;
-      if (null === cache$82)
+      cache$83 = instance.rendering;
+      if (null === cache$83)
         if (newProps) cutOffTailIfNeeded(instance, !1);
         else {
           if (
@@ -6308,11 +6333,11 @@ function completeWork(current, workInProgress, renderLanes) {
             (null !== current && 0 !== (current.flags & 128))
           )
             for (current = workInProgress.child; null !== current; ) {
-              cache$82 = findFirstSuspended(current);
-              if (null !== cache$82) {
+              cache$83 = findFirstSuspended(current);
+              if (null !== cache$83) {
                 workInProgress.flags |= 128;
                 cutOffTailIfNeeded(instance, !1);
-                current = cache$82.updateQueue;
+                current = cache$83.updateQueue;
                 workInProgress.updateQueue = current;
                 scheduleRetryEffect(workInProgress, current);
                 workInProgress.subtreeFlags = 0;
@@ -6337,7 +6362,7 @@ function completeWork(current, workInProgress, renderLanes) {
         }
       else {
         if (!newProps)
-          if (((current = findFirstSuspended(cache$82)), null !== current)) {
+          if (((current = findFirstSuspended(cache$83)), null !== current)) {
             if (
               ((workInProgress.flags |= 128),
               (newProps = !0),
@@ -6347,7 +6372,7 @@ function completeWork(current, workInProgress, renderLanes) {
               cutOffTailIfNeeded(instance, !0),
               null === instance.tail &&
                 "hidden" === instance.tailMode &&
-                !cache$82.alternate)
+                !cache$83.alternate)
             )
               return bubbleProperties(workInProgress), null;
           } else
@@ -6359,13 +6384,13 @@ function completeWork(current, workInProgress, renderLanes) {
               cutOffTailIfNeeded(instance, !1),
               (workInProgress.lanes = 4194304));
         instance.isBackwards
-          ? ((cache$82.sibling = workInProgress.child),
-            (workInProgress.child = cache$82))
+          ? ((cache$83.sibling = workInProgress.child),
+            (workInProgress.child = cache$83))
           : ((current = instance.last),
             null !== current
-              ? (current.sibling = cache$82)
-              : (workInProgress.child = cache$82),
-            (instance.last = cache$82));
+              ? (current.sibling = cache$83)
+              : (workInProgress.child = cache$83),
+            (instance.last = cache$83));
       }
       if (null !== instance.tail)
         return (
@@ -6498,7 +6523,14 @@ function unwindWork(current, workInProgress) {
     case 4:
       return popHostContainer(), null;
     case 10:
-      return popProvider(workInProgress.type), null;
+      return (
+        popProvider(
+          enableRenderableContext
+            ? workInProgress.type
+            : workInProgress.type._context
+        ),
+        null
+      );
     case 22:
     case 23:
       return (
@@ -6555,7 +6587,11 @@ function unwindInterruptedWork(current, interruptedWork) {
       pop(suspenseStackCursor);
       break;
     case 10:
-      popProvider(interruptedWork.type);
+      popProvider(
+        enableRenderableContext
+          ? interruptedWork.type
+          : interruptedWork.type._context
+      );
       break;
     case 22:
     case 23:
@@ -6619,8 +6655,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$100) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$100);
+      } catch (error$101) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$101);
       }
     else ref.current = null;
 }
@@ -6822,11 +6858,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$101) {
+          } catch (error$102) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$101
+              error$102
             );
           }
         }
@@ -7419,8 +7455,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$109) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$109);
+        } catch (error$110) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$110);
         }
       }
       break;
@@ -7454,8 +7490,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         finishedWork.updateQueue = null;
         try {
           flags._applyProps(flags, newProps, current);
-        } catch (error$112) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$112);
+        } catch (error$113) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$113);
         }
       }
       break;
@@ -7491,8 +7527,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$114) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$114);
+        } catch (error$115) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$115);
         }
         flags = finishedWork.updateQueue;
         null !== flags &&
@@ -7632,12 +7668,12 @@ function commitReconciliationEffects(finishedWork) {
           break;
         case 3:
         case 4:
-          var parent$104 = JSCompiler_inline_result.stateNode.containerInfo,
-            before$105 = getHostSibling(finishedWork);
+          var parent$105 = JSCompiler_inline_result.stateNode.containerInfo,
+            before$106 = getHostSibling(finishedWork);
           insertOrAppendPlacementNodeIntoContainer(
             finishedWork,
-            before$105,
-            parent$104
+            before$106,
+            parent$105
           );
           break;
         default:
@@ -8098,9 +8134,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$120 = finishedWork.stateNode;
+        var instance$121 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$120._visibility & 4
+          ? instance$121._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -8113,7 +8149,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$120._visibility |= 4),
+            : ((instance$121._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -8121,7 +8157,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$120._visibility |= 4),
+          : ((instance$121._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -8134,7 +8170,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$120
+            instance$121
           );
         break;
       case 24:
@@ -8586,11 +8622,11 @@ function scheduleUpdateOnFiber(root, fiber, lane) {
         enableTransitionTracing)
       ) {
         var transitionLanesMap = root.transitionLanes,
-          index$6 = 31 - clz32(lane),
-          transitions = transitionLanesMap[index$6];
+          index$7 = 31 - clz32(lane),
+          transitions = transitionLanesMap[index$7];
         null === transitions && (transitions = new Set());
         transitions.add(transition);
-        transitionLanesMap[index$6] = transitions;
+        transitionLanesMap[index$7] = transitions;
       }
     }
     root === workInProgressRoot &&
@@ -8839,9 +8875,9 @@ function markRootSuspended(root, suspendedLanes, spawnedLane) {
     0 < lanes;
 
   ) {
-    var index$3 = 31 - clz32(lanes),
-      lane = 1 << index$3;
-    expirationTimes[index$3] = -1;
+    var index$4 = 31 - clz32(lanes),
+      lane = 1 << index$4;
+    expirationTimes[index$4] = -1;
     lanes &= ~lane;
   }
   0 !== spawnedLane &&
@@ -8898,9 +8934,9 @@ function prepareFreshStack(root, lanes) {
       0 < allEntangledLanes;
 
     ) {
-      var index$1 = 31 - clz32(allEntangledLanes),
-        lane = 1 << index$1;
-      lanes |= root[index$1];
+      var index$2 = 31 - clz32(allEntangledLanes),
+        lane = 1 << index$2;
+      lanes |= root[index$2];
       allEntangledLanes &= ~lane;
     }
   entangledRenderLanes = lanes;
@@ -8996,8 +9032,8 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$128) {
-      handleThrow(root, thrownValue$128);
+    } catch (thrownValue$129) {
+      handleThrow(root, thrownValue$129);
     }
   while (1);
   lanes && root.shellSuspendCounter++;
@@ -9102,8 +9138,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$130) {
-      handleThrow(root, thrownValue$130);
+    } catch (thrownValue$131) {
+      handleThrow(root, thrownValue$131);
     }
   while (1);
   resetContextDependencies();
@@ -9838,7 +9874,9 @@ beginWork = function (current, workInProgress, renderLanes) {
       );
     case 10:
       a: {
-        Component = workInProgress.type;
+        Component = enableRenderableContext
+          ? workInProgress.type
+          : workInProgress.type._context;
         context = workInProgress.pendingProps;
         nextProps = workInProgress.memoizedProps;
         nextCache = context.value;
@@ -9868,7 +9906,9 @@ beginWork = function (current, workInProgress, renderLanes) {
       return workInProgress;
     case 9:
       return (
-        (context = workInProgress.type._context),
+        (context = enableRenderableContext
+          ? workInProgress.type._context
+          : workInProgress.type),
         (Component = workInProgress.pendingProps.children),
         prepareToReadContext(workInProgress, renderLanes),
         (context = readContext(context)),
@@ -10222,12 +10262,18 @@ function createFiberFromTypeAndProps(
         if ("object" === typeof type && null !== type)
           switch (type.$$typeof) {
             case REACT_PROVIDER_TYPE:
+              if (!enableRenderableContext) {
+                fiberTag = 10;
+                break a;
+              }
             case REACT_CONTEXT_TYPE:
-              fiberTag = 10;
+              fiberTag = enableRenderableContext ? 10 : 9;
               break a;
             case REACT_CONSUMER_TYPE:
-              fiberTag = 9;
-              break a;
+              if (enableRenderableContext) {
+                fiberTag = 9;
+                break a;
+              }
             case REACT_FORWARD_REF_TYPE:
               fiberTag = 11;
               break a;
@@ -10543,19 +10589,19 @@ var slice = Array.prototype.slice,
     };
     return Text;
   })(React.Component),
-  devToolsConfig$jscomp$inline_1139 = {
+  devToolsConfig$jscomp$inline_1140 = {
     findFiberByHostInstance: function () {
       return null;
     },
     bundleType: 0,
-    version: "18.3.0-www-classic-930e803f",
+    version: "18.3.0-www-classic-36516bcc",
     rendererPackageName: "react-art"
   };
-var internals$jscomp$inline_1319 = {
-  bundleType: devToolsConfig$jscomp$inline_1139.bundleType,
-  version: devToolsConfig$jscomp$inline_1139.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1139.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1139.rendererConfig,
+var internals$jscomp$inline_1320 = {
+  bundleType: devToolsConfig$jscomp$inline_1140.bundleType,
+  version: devToolsConfig$jscomp$inline_1140.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1140.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1140.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -10572,26 +10618,26 @@ var internals$jscomp$inline_1319 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1139.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1140.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-classic-930e803f"
+  reconcilerVersion: "18.3.0-www-classic-36516bcc"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_1320 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_1321 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_1320.isDisabled &&
-    hook$jscomp$inline_1320.supportsFiber
+    !hook$jscomp$inline_1321.isDisabled &&
+    hook$jscomp$inline_1321.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_1320.inject(
-        internals$jscomp$inline_1319
+      (rendererID = hook$jscomp$inline_1321.inject(
+        internals$jscomp$inline_1320
       )),
-        (injectedHook = hook$jscomp$inline_1320);
+        (injectedHook = hook$jscomp$inline_1321);
     } catch (err) {}
 }
 var Path = Mode$1.Path;

compiled/facebook-www/ReactART-prod.modern.js

@@ -83,6 +83,7 @@ var ReactSharedInternals =
   transitionLaneExpirationMs = dynamicFeatureFlags.transitionLaneExpirationMs,
   enableInfiniteRenderLoopDetection =
     dynamicFeatureFlags.enableInfiniteRenderLoopDetection,
+  enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
   enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
   REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   REACT_PORTAL_TYPE = Symbol.for("react.portal"),
@@ -160,36 +161,36 @@ function findCurrentFiberUsingSlowPath(fiber) {
     }
     if (a.return !== b.return) (a = parentA), (b = parentB);
     else {
-      for (var didFindChild = !1, child$0 = parentA.child; child$0; ) {
-        if (child$0 === a) {
+      for (var didFindChild = !1, child$1 = parentA.child; child$1; ) {
+        if (child$1 === a) {
           didFindChild = !0;
           a = parentA;
           b = parentB;
           break;
         }
-        if (child$0 === b) {
+        if (child$1 === b) {
           didFindChild = !0;
           b = parentA;
           a = parentB;
           break;
         }
-        child$0 = child$0.sibling;
+        child$1 = child$1.sibling;
       }
       if (!didFindChild) {
-        for (child$0 = parentB.child; child$0; ) {
-          if (child$0 === a) {
+        for (child$1 = parentB.child; child$1; ) {
+          if (child$1 === a) {
             didFindChild = !0;
             a = parentB;
             b = parentA;
             break;
           }
-          if (child$0 === b) {
+          if (child$1 === b) {
             didFindChild = !0;
             b = parentB;
             a = parentA;
             break;
           }
-          child$0 = child$0.sibling;
+          child$1 = child$1.sibling;
         }
         if (!didFindChild) throw Error(formatProdErrorMessage(189));
       }
@@ -461,18 +462,18 @@ function markRootFinished(root, remainingLanes, spawnedLane) {
     0 < noLongerPendingLanes;
 
   ) {
-    var index$4 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$4;
-    remainingLanes[index$4] = 0;
-    expirationTimes[index$4] = -1;
-    var hiddenUpdatesForLane = hiddenUpdates[index$4];
+    var index$5 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$5;
+    remainingLanes[index$5] = 0;
+    expirationTimes[index$5] = -1;
+    var hiddenUpdatesForLane = hiddenUpdates[index$5];
     if (null !== hiddenUpdatesForLane)
       for (
-        hiddenUpdates[index$4] = null, index$4 = 0;
-        index$4 < hiddenUpdatesForLane.length;
-        index$4++
+        hiddenUpdates[index$5] = null, index$5 = 0;
+        index$5 < hiddenUpdatesForLane.length;
+        index$5++
       ) {
-        var update = hiddenUpdatesForLane[index$4];
+        var update = hiddenUpdatesForLane[index$5];
         null !== update && (update.lane &= -536870913);
       }
     noLongerPendingLanes &= ~lane;
@@ -492,21 +493,21 @@ function markSpawnedDeferredLane(root, spawnedLane, entangledLanes) {
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$5 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$5;
-    (lane & entangledLanes) | (root[index$5] & entangledLanes) &&
-      (root[index$5] |= entangledLanes);
+    var index$6 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$6;
+    (lane & entangledLanes) | (root[index$6] & entangledLanes) &&
+      (root[index$6] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
 function getTransitionsForLanes(root, lanes) {
   if (!enableTransitionTracing) return null;
   for (var transitionsForLanes = []; 0 < lanes; ) {
-    var index$7 = 31 - clz32(lanes),
-      lane = 1 << index$7;
-    index$7 = root.transitionLanes[index$7];
-    null !== index$7 &&
-      index$7.forEach(function (transition) {
+    var index$8 = 31 - clz32(lanes),
+      lane = 1 << index$8;
+    index$8 = root.transitionLanes[index$8];
+    null !== index$8 &&
+      index$8.forEach(function (transition) {
         transitionsForLanes.push(transition);
       });
     lanes &= ~lane;
@@ -516,10 +517,10 @@ function getTransitionsForLanes(root, lanes) {
 function clearTransitionsForLanes(root, lanes) {
   if (enableTransitionTracing)
     for (; 0 < lanes; ) {
-      var index$8 = 31 - clz32(lanes),
-        lane = 1 << index$8;
-      null !== root.transitionLanes[index$8] &&
-        (root.transitionLanes[index$8] = null);
+      var index$9 = 31 - clz32(lanes),
+        lane = 1 << index$9;
+      null !== root.transitionLanes[index$9] &&
+        (root.transitionLanes[index$9] = null);
       lanes &= ~lane;
     }
 }
@@ -862,35 +863,35 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
       var didPerformSomeWork = !1;
       for (var root = firstScheduledRoot; null !== root; ) {
         if (!onlyLegacy || 0 === root.tag) {
-          var workInProgressRootRenderLanes$10 = workInProgressRootRenderLanes,
+          var workInProgressRootRenderLanes$11 = workInProgressRootRenderLanes,
             nextLanes = getNextLanes(
               root,
-              root === workInProgressRoot ? workInProgressRootRenderLanes$10 : 0
+              root === workInProgressRoot ? workInProgressRootRenderLanes$11 : 0
             );
           if (0 !== (nextLanes & 3))
             try {
               didPerformSomeWork = !0;
-              workInProgressRootRenderLanes$10 = root;
+              workInProgressRootRenderLanes$11 = root;
               if (0 !== (executionContext & 6))
                 throw Error(formatProdErrorMessage(327));
               if (!flushPassiveEffects()) {
                 var exitStatus = renderRootSync(
-                  workInProgressRootRenderLanes$10,
+                  workInProgressRootRenderLanes$11,
                   nextLanes
                 );
                 if (
-                  0 !== workInProgressRootRenderLanes$10.tag &&
+                  0 !== workInProgressRootRenderLanes$11.tag &&
                   2 === exitStatus
                 ) {
                   var originallyAttemptedLanes = nextLanes,
                     errorRetryLanes = getLanesToRetrySynchronouslyOnError(
-                      workInProgressRootRenderLanes$10,
+                      workInProgressRootRenderLanes$11,
                       originallyAttemptedLanes
                     );
                   0 !== errorRetryLanes &&
                     ((nextLanes = errorRetryLanes),
                     (exitStatus = recoverFromConcurrentError(
-                      workInProgressRootRenderLanes$10,
+                      workInProgressRootRenderLanes$11,
                       originallyAttemptedLanes,
                       errorRetryLanes
                     )));
@@ -898,34 +899,34 @@ function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
                 if (1 === exitStatus)
                   throw (
                     ((originallyAttemptedLanes = workInProgressRootFatalError),
-                    prepareFreshStack(workInProgressRootRenderLanes$10, 0),
+                    prepareFreshStack(workInProgressRootRenderLanes$11, 0),
                     markRootSuspended(
-                      workInProgressRootRenderLanes$10,
+                      workInProgressRootRenderLanes$11,
                       nextLanes,
                       0
                     ),
-                    ensureRootIsScheduled(workInProgressRootRenderLanes$10),
+                    ensureRootIsScheduled(workInProgressRootRenderLanes$11),
                     originallyAttemptedLanes)
                   );
                 6 === exitStatus
                   ? markRootSuspended(
-                      workInProgressRootRenderLanes$10,
+                      workInProgressRootRenderLanes$11,
                       nextLanes,
                       workInProgressDeferredLane
                     )
-                  : ((workInProgressRootRenderLanes$10.finishedWork =
-                      workInProgressRootRenderLanes$10.current.alternate),
-                    (workInProgressRootRenderLanes$10.finishedLanes =
+                  : ((workInProgressRootRenderLanes$11.finishedWork =
+                      workInProgressRootRenderLanes$11.current.alternate),
+                    (workInProgressRootRenderLanes$11.finishedLanes =
                       nextLanes),
                     commitRoot(
-                      workInProgressRootRenderLanes$10,
+                      workInProgressRootRenderLanes$11,
                       workInProgressRootRecoverableErrors,
                       workInProgressTransitions,
                       workInProgressRootDidIncludeRecursiveRenderUpdate,
                       workInProgressDeferredLane
                     ));
               }
-              ensureRootIsScheduled(workInProgressRootRenderLanes$10);
+              ensureRootIsScheduled(workInProgressRootRenderLanes$11);
             } catch (error) {
               null === errors ? (errors = [error]) : errors.push(error);
             }
@@ -981,12 +982,12 @@ function scheduleTaskForRootDuringMicrotask(root, currentTime) {
     0 < pendingLanes;
 
   ) {
-    var index$2 = 31 - clz32(pendingLanes),
-      lane = 1 << index$2,
-      expirationTime = expirationTimes[index$2];
+    var index$3 = 31 - clz32(pendingLanes),
+      lane = 1 << index$3,
+      expirationTime = expirationTimes[index$3];
     if (-1 === expirationTime) {
       if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
-        expirationTimes[index$2] = computeExpirationTime(lane, currentTime);
+        expirationTimes[index$3] = computeExpirationTime(lane, currentTime);
     } else expirationTime <= currentTime && (root.expiredLanes |= lane);
     pendingLanes &= ~lane;
   }
@@ -1414,16 +1415,16 @@ function describeNativeComponentFrame(fn, construct) {
           } else {
             try {
               Fake.call();
-            } catch (x$16) {
-              control = x$16;
+            } catch (x$17) {
+              control = x$17;
             }
             fn.call(Fake.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (x$17) {
-            control = x$17;
+          } catch (x$18) {
+            control = x$18;
           }
           (Fake = fn()) &&
             "function" === typeof Fake.catch &&
@@ -2685,7 +2686,7 @@ function updateReducerImpl(hook, current, reducer) {
     var newBaseQueueFirst = (baseFirst = null),
       newBaseQueueLast = null,
       update = current,
-      didReadFromEntangledAsyncAction$31 = !1;
+      didReadFromEntangledAsyncAction$32 = !1;
     do {
       var updateLane = update.lane & -536870913;
       if (
@@ -2706,11 +2707,11 @@ function updateReducerImpl(hook, current, reducer) {
                 next: null
               }),
             updateLane === currentEntangledLane &&
-              (didReadFromEntangledAsyncAction$31 = !0);
+              (didReadFromEntangledAsyncAction$32 = !0);
         else if ((renderLanes & revertLane) === revertLane) {
           update = update.next;
           revertLane === currentEntangledLane &&
-            (didReadFromEntangledAsyncAction$31 = !0);
+            (didReadFromEntangledAsyncAction$32 = !0);
           continue;
         } else
           (updateLane = {
@@ -2756,7 +2757,7 @@ function updateReducerImpl(hook, current, reducer) {
     if (
       !objectIs(pendingQueue, hook.memoizedState) &&
       ((didReceiveUpdate = !0),
-      didReadFromEntangledAsyncAction$31 &&
+      didReadFromEntangledAsyncAction$32 &&
         ((reducer = currentEntangledActionThenable), null !== reducer))
     )
       throw reducer;
@@ -5284,7 +5285,9 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
     case 10:
       pushProvider(
         workInProgress,
-        workInProgress.type,
+        enableRenderableContext
+          ? workInProgress.type
+          : workInProgress.type._context,
         workInProgress.memoizedProps.value
       );
       break;
@@ -5535,7 +5538,9 @@ function propagateParentContextChanges(
         if (null === currentParent) throw Error(formatProdErrorMessage(387));
         currentParent = currentParent.memoizedProps;
         if (null !== currentParent) {
-          var context = parent.type;
+          var context = enableRenderableContext
+            ? parent.type
+            : parent.type._context;
           objectIs(parent.pendingProps.value, currentParent.value) ||
             (null !== current ? current.push(context) : (current = [context]));
         }
@@ -5758,7 +5763,10 @@ function collectNearestChildContextValues(
     var node = startingChild,
       context = context$jscomp$0,
       childContextValues = childContextValues$jscomp$0;
-    if (10 === node.tag && node.type === context)
+    if (
+      10 === node.tag &&
+      (enableRenderableContext ? node.type : node.type._context) === context
+    )
       childContextValues.push(node.memoizedProps.value);
     else {
       var child = node.child;
@@ -5820,14 +5828,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
       break;
     case "collapsed":
       lastTailNode = renderState.tail;
-      for (var lastTailNode$77 = null; null !== lastTailNode; )
-        null !== lastTailNode.alternate && (lastTailNode$77 = lastTailNode),
+      for (var lastTailNode$78 = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (lastTailNode$78 = lastTailNode),
           (lastTailNode = lastTailNode.sibling);
-      null === lastTailNode$77
+      null === lastTailNode$78
         ? hasRenderedATailFallback || null === renderState.tail
           ? (renderState.tail = null)
           : (renderState.tail.sibling = null)
-        : (lastTailNode$77.sibling = null);
+        : (lastTailNode$78.sibling = null);
   }
 }
 function bubbleProperties(completedWork) {
@@ -5837,19 +5845,19 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$78 = completedWork.child; null !== child$78; )
-      (newChildLanes |= child$78.lanes | child$78.childLanes),
-        (subtreeFlags |= child$78.subtreeFlags & 31457280),
-        (subtreeFlags |= child$78.flags & 31457280),
-        (child$78.return = completedWork),
-        (child$78 = child$78.sibling);
+    for (var child$79 = completedWork.child; null !== child$79; )
+      (newChildLanes |= child$79.lanes | child$79.childLanes),
+        (subtreeFlags |= child$79.subtreeFlags & 31457280),
+        (subtreeFlags |= child$79.flags & 31457280),
+        (child$79.return = completedWork),
+        (child$79 = child$79.sibling);
   else
-    for (child$78 = completedWork.child; null !== child$78; )
-      (newChildLanes |= child$78.lanes | child$78.childLanes),
-        (subtreeFlags |= child$78.subtreeFlags),
-        (subtreeFlags |= child$78.flags),
-        (child$78.return = completedWork),
-        (child$78 = child$78.sibling);
+    for (child$79 = completedWork.child; null !== child$79; )
+      (newChildLanes |= child$79.lanes | child$79.childLanes),
+        (subtreeFlags |= child$79.subtreeFlags),
+        (subtreeFlags |= child$79.flags),
+        (child$79.return = completedWork),
+        (child$79 = child$79.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -6017,11 +6025,11 @@ function completeWork(current, workInProgress, renderLanes) {
           null !== newProps.alternate.memoizedState &&
           null !== newProps.alternate.memoizedState.cachePool &&
           (instance = newProps.alternate.memoizedState.cachePool.pool);
-        var cache$82 = null;
+        var cache$83 = null;
         null !== newProps.memoizedState &&
           null !== newProps.memoizedState.cachePool &&
-          (cache$82 = newProps.memoizedState.cachePool.pool);
-        cache$82 !== instance && (newProps.flags |= 2048);
+          (cache$83 = newProps.memoizedState.cachePool.pool);
+        cache$83 !== instance && (newProps.flags |= 2048);
       }
       renderLanes !== current &&
         (enableTransitionTracing && (workInProgress.child.flags |= 2048),
@@ -6036,7 +6044,13 @@ function completeWork(current, workInProgress, renderLanes) {
       return popHostContainer(), bubbleProperties(workInProgress), null;
     case 10:
       return (
-        popProvider(workInProgress.type), bubbleProperties(workInProgress), null
+        popProvider(
+          enableRenderableContext
+            ? workInProgress.type
+            : workInProgress.type._context
+        ),
+        bubbleProperties(workInProgress),
+        null
       );
     case 17:
       return bubbleProperties(workInProgress), null;
@@ -6045,8 +6059,8 @@ function completeWork(current, workInProgress, renderLanes) {
       instance = workInProgress.memoizedState;
       if (null === instance) return bubbleProperties(workInProgress), null;
       newProps = 0 !== (workInProgress.flags & 128);
-      cache$82 = instance.rendering;
-      if (null === cache$82)
+      cache$83 = instance.rendering;
+      if (null === cache$83)
         if (newProps) cutOffTailIfNeeded(instance, !1);
         else {
           if (
@@ -6054,11 +6068,11 @@ function completeWork(current, workInProgress, renderLanes) {
             (null !== current && 0 !== (current.flags & 128))
           )
             for (current = workInProgress.child; null !== current; ) {
-              cache$82 = findFirstSuspended(current);
-              if (null !== cache$82) {
+              cache$83 = findFirstSuspended(current);
+              if (null !== cache$83) {
                 workInProgress.flags |= 128;
                 cutOffTailIfNeeded(instance, !1);
-                current = cache$82.updateQueue;
+                current = cache$83.updateQueue;
                 workInProgress.updateQueue = current;
                 scheduleRetryEffect(workInProgress, current);
                 workInProgress.subtreeFlags = 0;
@@ -6083,7 +6097,7 @@ function completeWork(current, workInProgress, renderLanes) {
         }
       else {
         if (!newProps)
-          if (((current = findFirstSuspended(cache$82)), null !== current)) {
+          if (((current = findFirstSuspended(cache$83)), null !== current)) {
             if (
               ((workInProgress.flags |= 128),
               (newProps = !0),
@@ -6093,7 +6107,7 @@ function completeWork(current, workInProgress, renderLanes) {
               cutOffTailIfNeeded(instance, !0),
               null === instance.tail &&
                 "hidden" === instance.tailMode &&
-                !cache$82.alternate)
+                !cache$83.alternate)
             )
               return bubbleProperties(workInProgress), null;
           } else
@@ -6105,13 +6119,13 @@ function completeWork(current, workInProgress, renderLanes) {
               cutOffTailIfNeeded(instance, !1),
               (workInProgress.lanes = 4194304));
         instance.isBackwards
-          ? ((cache$82.sibling = workInProgress.child),
-            (workInProgress.child = cache$82))
+          ? ((cache$83.sibling = workInProgress.child),
+            (workInProgress.child = cache$83))
           : ((current = instance.last),
             null !== current
-              ? (current.sibling = cache$82)
-              : (workInProgress.child = cache$82),
-            (instance.last = cache$82));
+              ? (current.sibling = cache$83)
+              : (workInProgress.child = cache$83),
+            (instance.last = cache$83));
       }
       if (null !== instance.tail)
         return (
@@ -6241,7 +6255,14 @@ function unwindWork(current, workInProgress) {
     case 4:
       return popHostContainer(), null;
     case 10:
-      return popProvider(workInProgress.type), null;
+      return (
+        popProvider(
+          enableRenderableContext
+            ? workInProgress.type
+            : workInProgress.type._context
+        ),
+        null
+      );
     case 22:
     case 23:
       return (
@@ -6292,7 +6313,11 @@ function unwindInterruptedWork(current, interruptedWork) {
       pop(suspenseStackCursor);
       break;
     case 10:
-      popProvider(interruptedWork.type);
+      popProvider(
+        enableRenderableContext
+          ? interruptedWork.type
+          : interruptedWork.type._context
+      );
       break;
     case 22:
     case 23:
@@ -6356,8 +6381,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$99) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$99);
+      } catch (error$100) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$100);
       }
     else ref.current = null;
 }
@@ -6559,11 +6584,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$100) {
+          } catch (error$101) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$100
+              error$101
             );
           }
         }
@@ -7156,8 +7181,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$108) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$108);
+        } catch (error$109) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$109);
         }
       }
       break;
@@ -7191,8 +7216,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         finishedWork.updateQueue = null;
         try {
           flags._applyProps(flags, newProps, current);
-        } catch (error$111) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$111);
+        } catch (error$112) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$112);
         }
       }
       break;
@@ -7228,8 +7253,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$113) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$113);
+        } catch (error$114) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$114);
         }
         flags = finishedWork.updateQueue;
         null !== flags &&
@@ -7369,12 +7394,12 @@ function commitReconciliationEffects(finishedWork) {
           break;
         case 3:
         case 4:
-          var parent$103 = JSCompiler_inline_result.stateNode.containerInfo,
-            before$104 = getHostSibling(finishedWork);
+          var parent$104 = JSCompiler_inline_result.stateNode.containerInfo,
+            before$105 = getHostSibling(finishedWork);
           insertOrAppendPlacementNodeIntoContainer(
             finishedWork,
-            before$104,
-            parent$103
+            before$105,
+            parent$104
           );
           break;
         default:
@@ -7835,9 +7860,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$119 = finishedWork.stateNode;
+        var instance$120 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$119._visibility & 4
+          ? instance$120._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -7850,7 +7875,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$119._visibility |= 4),
+            : ((instance$120._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -7858,7 +7883,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$119._visibility |= 4),
+          : ((instance$120._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -7871,7 +7896,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$119
+            instance$120
           );
         break;
       case 24:
@@ -8323,11 +8348,11 @@ function scheduleUpdateOnFiber(root, fiber, lane) {
         enableTransitionTracing)
       ) {
         var transitionLanesMap = root.transitionLanes,
-          index$6 = 31 - clz32(lane),
-          transitions = transitionLanesMap[index$6];
+          index$7 = 31 - clz32(lane),
+          transitions = transitionLanesMap[index$7];
         null === transitions && (transitions = new Set());
         transitions.add(transition);
-        transitionLanesMap[index$6] = transitions;
+        transitionLanesMap[index$7] = transitions;
       }
     }
     root === workInProgressRoot &&
@@ -8576,9 +8601,9 @@ function markRootSuspended(root, suspendedLanes, spawnedLane) {
     0 < lanes;
 
   ) {
-    var index$3 = 31 - clz32(lanes),
-      lane = 1 << index$3;
-    expirationTimes[index$3] = -1;
+    var index$4 = 31 - clz32(lanes),
+      lane = 1 << index$4;
+    expirationTimes[index$4] = -1;
     lanes &= ~lane;
   }
   0 !== spawnedLane &&
@@ -8635,9 +8660,9 @@ function prepareFreshStack(root, lanes) {
       0 < allEntangledLanes;
 
     ) {
-      var index$1 = 31 - clz32(allEntangledLanes),
-        lane = 1 << index$1;
-      lanes |= root[index$1];
+      var index$2 = 31 - clz32(allEntangledLanes),
+        lane = 1 << index$2;
+      lanes |= root[index$2];
       allEntangledLanes &= ~lane;
     }
   entangledRenderLanes = lanes;
@@ -8733,8 +8758,8 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$127) {
-      handleThrow(root, thrownValue$127);
+    } catch (thrownValue$128) {
+      handleThrow(root, thrownValue$128);
     }
   while (1);
   lanes && root.shellSuspendCounter++;
@@ -8839,8 +8864,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$129) {
-      handleThrow(root, thrownValue$129);
+    } catch (thrownValue$130) {
+      handleThrow(root, thrownValue$130);
     }
   while (1);
   resetContextDependencies();
@@ -9558,7 +9583,9 @@ beginWork = function (current, workInProgress, renderLanes) {
       );
     case 10:
       a: {
-        Component = workInProgress.type;
+        Component = enableRenderableContext
+          ? workInProgress.type
+          : workInProgress.type._context;
         init = workInProgress.pendingProps;
         nextProps = workInProgress.memoizedProps;
         nextCache = init.value;
@@ -9580,7 +9607,9 @@ beginWork = function (current, workInProgress, renderLanes) {
       return workInProgress;
     case 9:
       return (
-        (init = workInProgress.type._context),
+        (init = enableRenderableContext
+          ? workInProgress.type._context
+          : workInProgress.type),
         (Component = workInProgress.pendingProps.children),
         prepareToReadContext(workInProgress, renderLanes),
         (init = readContext(init)),
@@ -9928,12 +9957,18 @@ function createFiberFromTypeAndProps(
         if ("object" === typeof type && null !== type)
           switch (type.$$typeof) {
             case REACT_PROVIDER_TYPE:
+              if (!enableRenderableContext) {
+                fiberTag = 10;
+                break a;
+              }
             case REACT_CONTEXT_TYPE:
-              fiberTag = 10;
+              fiberTag = enableRenderableContext ? 10 : 9;
               break a;
             case REACT_CONSUMER_TYPE:
-              fiberTag = 9;
-              break a;
+              if (enableRenderableContext) {
+                fiberTag = 9;
+                break a;
+              }
             case REACT_FORWARD_REF_TYPE:
               fiberTag = 11;
               break a;
@@ -10209,19 +10244,19 @@ var slice = Array.prototype.slice,
     };
     return Text;
   })(React.Component),
-  devToolsConfig$jscomp$inline_1119 = {
+  devToolsConfig$jscomp$inline_1120 = {
     findFiberByHostInstance: function () {
       return null;
     },
     bundleType: 0,
-    version: "18.3.0-www-modern-078ca32a",
+    version: "18.3.0-www-modern-630a2790",
     rendererPackageName: "react-art"
   };
-var internals$jscomp$inline_1299 = {
-  bundleType: devToolsConfig$jscomp$inline_1119.bundleType,
-  version: devToolsConfig$jscomp$inline_1119.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1119.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1119.rendererConfig,
+var internals$jscomp$inline_1300 = {
+  bundleType: devToolsConfig$jscomp$inline_1120.bundleType,
+  version: devToolsConfig$jscomp$inline_1120.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1120.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1120.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -10238,26 +10273,26 @@ var internals$jscomp$inline_1299 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1119.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1120.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-modern-078ca32a"
+  reconcilerVersion: "18.3.0-www-modern-630a2790"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_1300 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_1301 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_1300.isDisabled &&
-    hook$jscomp$inline_1300.supportsFiber
+    !hook$jscomp$inline_1301.isDisabled &&
+    hook$jscomp$inline_1301.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_1300.inject(
-        internals$jscomp$inline_1299
+      (rendererID = hook$jscomp$inline_1301.inject(
+        internals$jscomp$inline_1300
       )),
-        (injectedHook = hook$jscomp$inline_1300);
+        (injectedHook = hook$jscomp$inline_1301);
     } catch (err) {}
 }
 var Path = Mode$1.Path;

compiled/facebook-www/ReactDOM-dev.classic.js

@@ -152,6 +152,7 @@ if (__DEV__) {
         dynamicFeatureFlags.transitionLaneExpirationMs,
       enableInfiniteRenderLoopDetection =
         dynamicFeatureFlags.enableInfiniteRenderLoopDetection,
+      enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
       useModernStrictMode = dynamicFeatureFlags.useModernStrictMode,
       enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
       enableClientRenderFallbackOnTextMismatch =
@@ -322,21 +323,30 @@ if (__DEV__) {
         }
 
         switch (type.$$typeof) {
-          case REACT_PROVIDER_TYPE: {
-            return null;
-          }
+          case REACT_PROVIDER_TYPE:
+            if (enableRenderableContext) {
+              return null;
+            } else {
+              var provider = type;
+              return getContextName$1(provider._context) + ".Provider";
+            }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
-            {
+            if (enableRenderableContext) {
               return getContextName$1(context) + ".Provider";
+            } else {
+              return getContextName$1(context) + ".Consumer";
             }
 
-          case REACT_CONSUMER_TYPE: {
-            var consumer = type;
-            return getContextName$1(consumer._context) + ".Consumer";
-          }
+          case REACT_CONSUMER_TYPE:
+            if (enableRenderableContext) {
+              var consumer = type;
+              return getContextName$1(consumer._context) + ".Consumer";
+            } else {
+              return null;
+            }
 
           case REACT_FORWARD_REF_TYPE:
             return getWrappedName$1(type, type.render, "ForwardRef");
@@ -389,15 +399,23 @@ if (__DEV__) {
         case CacheComponent:
           return "Cache";
 
-        case ContextConsumer: {
-          var consumer = type;
-          return getContextName(consumer._context) + ".Consumer";
-        }
+        case ContextConsumer:
+          if (enableRenderableContext) {
+            var consumer = type;
+            return getContextName(consumer._context) + ".Consumer";
+          } else {
+            var context = type;
+            return getContextName(context) + ".Consumer";
+          }
 
-        case ContextProvider: {
-          var _context = type;
-          return getContextName(_context) + ".Provider";
-        }
+        case ContextProvider:
+          if (enableRenderableContext) {
+            var _context = type;
+            return getContextName(_context) + ".Provider";
+          } else {
+            var provider = type;
+            return getContextName(provider._context) + ".Provider";
+          }
 
         case DehydratedFragment:
           return "DehydratedFragment";
@@ -22635,8 +22653,10 @@ if (__DEV__) {
     function updateContextProvider(current, workInProgress, renderLanes) {
       var context;
 
-      {
+      if (enableRenderableContext) {
         context = workInProgress.type;
+      } else {
+        context = workInProgress.type._context;
       }
 
       var newProps = workInProgress.pendingProps;
@@ -22690,9 +22710,17 @@ if (__DEV__) {
     function updateContextConsumer(current, workInProgress, renderLanes) {
       var context;
 
-      {
+      if (enableRenderableContext) {
         var consumerType = workInProgress.type;
         context = consumerType._context;
+      } else {
+        context = workInProgress.type;
+
+        {
+          if (context._context !== undefined) {
+            context = context._context;
+          }
+        }
       }
 
       var newProps = workInProgress.pendingProps;
@@ -22940,8 +22968,10 @@ if (__DEV__) {
           var newValue = workInProgress.memoizedProps.value;
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
           }
 
           pushProvider(workInProgress, context, newValue);
@@ -23932,8 +23962,10 @@ if (__DEV__) {
           if (oldProps !== null) {
             var context = void 0;
 
-            {
+            if (enableRenderableContext) {
               context = parent.type;
+            } else {
+              context = parent.type._context;
             }
 
             var newProps = parent.pendingProps;
@@ -24472,7 +24504,10 @@ if (__DEV__) {
     }
 
     function collectNearestContextValues(node, context, childContextValues) {
-      if (node.tag === ContextProvider && node.type === context) {
+      if (
+        node.tag === ContextProvider &&
+        (enableRenderableContext ? node.type : node.type._context) === context
+      ) {
         var contextValue = node.memoizedProps.value;
         childContextValues.push(contextValue);
       } else {
@@ -25521,8 +25556,10 @@ if (__DEV__) {
           // Pop provider fiber
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
           }
 
           popProvider(context, workInProgress);
@@ -26016,8 +26053,10 @@ if (__DEV__) {
         case ContextProvider:
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
           }
 
           popProvider(context, workInProgress);
@@ -26119,8 +26158,10 @@ if (__DEV__) {
         case ContextProvider:
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = interruptedWork.type;
+          } else {
+            context = interruptedWork.type._context;
           }
 
           popProvider(context, interruptedWork);
@@ -35559,18 +35600,27 @@ if (__DEV__) {
             if (typeof type === "object" && type !== null) {
               switch (type.$$typeof) {
                 case REACT_PROVIDER_TYPE:
+                  if (!enableRenderableContext) {
+                    fiberTag = ContextProvider;
+                    break getTag;
+                  }
 
                 // Fall through
 
-                case REACT_CONTEXT_TYPE: {
-                  fiberTag = ContextProvider;
-                  break getTag;
-                }
+                case REACT_CONTEXT_TYPE:
+                  if (enableRenderableContext) {
+                    fiberTag = ContextProvider;
+                    break getTag;
+                  } else {
+                    fiberTag = ContextConsumer;
+                    break getTag;
+                  }
 
-                case REACT_CONSUMER_TYPE: {
-                  fiberTag = ContextConsumer;
-                  break getTag;
-                }
+                case REACT_CONSUMER_TYPE:
+                  if (enableRenderableContext) {
+                    fiberTag = ContextConsumer;
+                    break getTag;
+                  }
 
                 // Fall through
 
@@ -36003,7 +36053,7 @@ if (__DEV__) {
       return root;
     }
 
-    var ReactVersion = "18.3.0-www-classic-a1d5cd42";
+    var ReactVersion = "18.3.0-www-classic-0bf4f6f1";
 
     function createPortal$1(
       children,

compiled/facebook-www/ReactDOM-dev.modern.js

@@ -138,6 +138,7 @@ if (__DEV__) {
         dynamicFeatureFlags.transitionLaneExpirationMs,
       enableInfiniteRenderLoopDetection =
         dynamicFeatureFlags.enableInfiniteRenderLoopDetection,
+      enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
       useModernStrictMode = dynamicFeatureFlags.useModernStrictMode,
       enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
       enableClientRenderFallbackOnTextMismatch =
@@ -3439,21 +3440,30 @@ if (__DEV__) {
         }
 
         switch (type.$$typeof) {
-          case REACT_PROVIDER_TYPE: {
-            return null;
-          }
+          case REACT_PROVIDER_TYPE:
+            if (enableRenderableContext) {
+              return null;
+            } else {
+              var provider = type;
+              return getContextName$1(provider._context) + ".Provider";
+            }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
-            {
+            if (enableRenderableContext) {
               return getContextName$1(context) + ".Provider";
+            } else {
+              return getContextName$1(context) + ".Consumer";
             }
 
-          case REACT_CONSUMER_TYPE: {
-            var consumer = type;
-            return getContextName$1(consumer._context) + ".Consumer";
-          }
+          case REACT_CONSUMER_TYPE:
+            if (enableRenderableContext) {
+              var consumer = type;
+              return getContextName$1(consumer._context) + ".Consumer";
+            } else {
+              return null;
+            }
 
           case REACT_FORWARD_REF_TYPE:
             return getWrappedName$1(type, type.render, "ForwardRef");
@@ -3506,15 +3516,23 @@ if (__DEV__) {
         case CacheComponent:
           return "Cache";
 
-        case ContextConsumer: {
-          var consumer = type;
-          return getContextName(consumer._context) + ".Consumer";
-        }
+        case ContextConsumer:
+          if (enableRenderableContext) {
+            var consumer = type;
+            return getContextName(consumer._context) + ".Consumer";
+          } else {
+            var context = type;
+            return getContextName(context) + ".Consumer";
+          }
 
-        case ContextProvider: {
-          var _context = type;
-          return getContextName(_context) + ".Provider";
-        }
+        case ContextProvider:
+          if (enableRenderableContext) {
+            var _context = type;
+            return getContextName(_context) + ".Provider";
+          } else {
+            var provider = type;
+            return getContextName(provider._context) + ".Provider";
+          }
 
         case DehydratedFragment:
           return "DehydratedFragment";
@@ -22515,8 +22533,10 @@ if (__DEV__) {
     function updateContextProvider(current, workInProgress, renderLanes) {
       var context;
 
-      {
+      if (enableRenderableContext) {
         context = workInProgress.type;
+      } else {
+        context = workInProgress.type._context;
       }
 
       var newProps = workInProgress.pendingProps;
@@ -22570,9 +22590,17 @@ if (__DEV__) {
     function updateContextConsumer(current, workInProgress, renderLanes) {
       var context;
 
-      {
+      if (enableRenderableContext) {
         var consumerType = workInProgress.type;
         context = consumerType._context;
+      } else {
+        context = workInProgress.type;
+
+        {
+          if (context._context !== undefined) {
+            context = context._context;
+          }
+        }
       }
 
       var newProps = workInProgress.pendingProps;
@@ -22814,8 +22842,10 @@ if (__DEV__) {
           var newValue = workInProgress.memoizedProps.value;
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
           }
 
           pushProvider(workInProgress, context, newValue);
@@ -23806,8 +23836,10 @@ if (__DEV__) {
           if (oldProps !== null) {
             var context = void 0;
 
-            {
+            if (enableRenderableContext) {
               context = parent.type;
+            } else {
+              context = parent.type._context;
             }
 
             var newProps = parent.pendingProps;
@@ -24346,7 +24378,10 @@ if (__DEV__) {
     }
 
     function collectNearestContextValues(node, context, childContextValues) {
-      if (node.tag === ContextProvider && node.type === context) {
+      if (
+        node.tag === ContextProvider &&
+        (enableRenderableContext ? node.type : node.type._context) === context
+      ) {
         var contextValue = node.memoizedProps.value;
         childContextValues.push(contextValue);
       } else {
@@ -25388,8 +25423,10 @@ if (__DEV__) {
           // Pop provider fiber
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
           }
 
           popProvider(context, workInProgress);
@@ -25868,8 +25905,10 @@ if (__DEV__) {
         case ContextProvider:
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
           }
 
           popProvider(context, workInProgress);
@@ -25964,8 +26003,10 @@ if (__DEV__) {
         case ContextProvider:
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = interruptedWork.type;
+          } else {
+            context = interruptedWork.type._context;
           }
 
           popProvider(context, interruptedWork);
@@ -35395,18 +35436,27 @@ if (__DEV__) {
             if (typeof type === "object" && type !== null) {
               switch (type.$$typeof) {
                 case REACT_PROVIDER_TYPE:
+                  if (!enableRenderableContext) {
+                    fiberTag = ContextProvider;
+                    break getTag;
+                  }
 
                 // Fall through
 
-                case REACT_CONTEXT_TYPE: {
-                  fiberTag = ContextProvider;
-                  break getTag;
-                }
+                case REACT_CONTEXT_TYPE:
+                  if (enableRenderableContext) {
+                    fiberTag = ContextProvider;
+                    break getTag;
+                  } else {
+                    fiberTag = ContextConsumer;
+                    break getTag;
+                  }
 
-                case REACT_CONSUMER_TYPE: {
-                  fiberTag = ContextConsumer;
-                  break getTag;
-                }
+                case REACT_CONSUMER_TYPE:
+                  if (enableRenderableContext) {
+                    fiberTag = ContextConsumer;
+                    break getTag;
+                  }
 
                 // Fall through
 
@@ -35839,7 +35889,7 @@ if (__DEV__) {
       return root;
     }
 
-    var ReactVersion = "18.3.0-www-modern-9dd8ecfb";
+    var ReactVersion = "18.3.0-www-modern-8ea39922";
 
     function createPortal$1(
       children,

compiled/facebook-www/ReactDOMServer-dev.classic.js

@@ -19,7 +19,7 @@ if (__DEV__) {
     var React = require("react");
     var ReactDOM = require("react-dom");
 
-    var ReactVersion = "18.3.0-www-classic-aafe6508";
+    var ReactVersion = "18.3.0-www-classic-5ea8bd06";
 
     // This refers to a WWW module.
     var warningWWW = require("warning");
@@ -681,6 +681,7 @@ if (__DEV__) {
     var enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
       enableUseDeferredValueInitialArg =
         dynamicFeatureFlags.enableUseDeferredValueInitialArg,
+      enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
       enableRefAsProp = dynamicFeatureFlags.enableRefAsProp;
     // On WWW, false is used for a new modern build.
     var enableFloat = true;
@@ -8573,21 +8574,30 @@ if (__DEV__) {
         }
 
         switch (type.$$typeof) {
-          case REACT_PROVIDER_TYPE: {
-            return null;
-          }
+          case REACT_PROVIDER_TYPE:
+            if (enableRenderableContext) {
+              return null;
+            } else {
+              var provider = type;
+              return getContextName(provider._context) + ".Provider";
+            }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
-            {
+            if (enableRenderableContext) {
               return getContextName(context) + ".Provider";
+            } else {
+              return getContextName(context) + ".Consumer";
             }
 
-          case REACT_CONSUMER_TYPE: {
-            var consumer = type;
-            return getContextName(consumer._context) + ".Consumer";
-          }
+          case REACT_CONSUMER_TYPE:
+            if (enableRenderableContext) {
+              var consumer = type;
+              return getContextName(consumer._context) + ".Consumer";
+            } else {
+              return null;
+            }
 
           case REACT_FORWARD_REF_TYPE:
             return getWrappedName(type, type.render, "ForwardRef");
@@ -12387,18 +12397,35 @@ if (__DEV__) {
             return;
           }
 
-          case REACT_PROVIDER_TYPE:
+          case REACT_PROVIDER_TYPE: {
+            if (!enableRenderableContext) {
+              var context = type._context;
+              renderContextProvider(request, task, keyPath, context, props);
+              return;
+            } // Fall through
+          }
 
           case REACT_CONTEXT_TYPE: {
-            {
+            if (enableRenderableContext) {
               var _context = type;
               renderContextProvider(request, task, keyPath, _context, props);
               return;
+            } else {
+              var _context2 = type;
+
+              {
+                if (_context2._context !== undefined) {
+                  _context2 = _context2._context;
+                }
+              }
+
+              renderContextConsumer(request, task, keyPath, _context2, props);
+              return;
             }
           }
 
           case REACT_CONSUMER_TYPE: {
-            {
+            if (enableRenderableContext) {
               var _context3 = type._context;
               renderContextConsumer(request, task, keyPath, _context3, props);
               return;

compiled/facebook-www/ReactDOMServer-dev.modern.js

@@ -19,7 +19,7 @@ if (__DEV__) {
     var React = require("react");
     var ReactDOM = require("react-dom");
 
-    var ReactVersion = "18.3.0-www-modern-cc760041";
+    var ReactVersion = "18.3.0-www-modern-9062d3d5";
 
     // This refers to a WWW module.
     var warningWWW = require("warning");
@@ -681,6 +681,7 @@ if (__DEV__) {
     var enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
       enableUseDeferredValueInitialArg =
         dynamicFeatureFlags.enableUseDeferredValueInitialArg,
+      enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
       enableRefAsProp = dynamicFeatureFlags.enableRefAsProp;
     // On WWW, true is used for a new modern build.
     var enableFloat = true;
@@ -8573,21 +8574,30 @@ if (__DEV__) {
         }
 
         switch (type.$$typeof) {
-          case REACT_PROVIDER_TYPE: {
-            return null;
-          }
+          case REACT_PROVIDER_TYPE:
+            if (enableRenderableContext) {
+              return null;
+            } else {
+              var provider = type;
+              return getContextName(provider._context) + ".Provider";
+            }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
-            {
+            if (enableRenderableContext) {
               return getContextName(context) + ".Provider";
+            } else {
+              return getContextName(context) + ".Consumer";
             }
 
-          case REACT_CONSUMER_TYPE: {
-            var consumer = type;
-            return getContextName(consumer._context) + ".Consumer";
-          }
+          case REACT_CONSUMER_TYPE:
+            if (enableRenderableContext) {
+              var consumer = type;
+              return getContextName(consumer._context) + ".Consumer";
+            } else {
+              return null;
+            }
 
           case REACT_FORWARD_REF_TYPE:
             return getWrappedName(type, type.render, "ForwardRef");
@@ -12297,18 +12307,35 @@ if (__DEV__) {
             return;
           }
 
-          case REACT_PROVIDER_TYPE:
+          case REACT_PROVIDER_TYPE: {
+            if (!enableRenderableContext) {
+              var context = type._context;
+              renderContextProvider(request, task, keyPath, context, props);
+              return;
+            } // Fall through
+          }
 
           case REACT_CONTEXT_TYPE: {
-            {
+            if (enableRenderableContext) {
               var _context = type;
               renderContextProvider(request, task, keyPath, _context, props);
               return;
+            } else {
+              var _context2 = type;
+
+              {
+                if (_context2._context !== undefined) {
+                  _context2 = _context2._context;
+                }
+              }
+
+              renderContextConsumer(request, task, keyPath, _context2, props);
+              return;
             }
           }
 
           case REACT_CONSUMER_TYPE: {
-            {
+            if (enableRenderableContext) {
               var _context3 = type._context;
               renderContextConsumer(request, task, keyPath, _context3, props);
               return;

compiled/facebook-www/ReactDOMServer-prod.classic.js

@@ -132,6 +132,7 @@ var assign = Object.assign,
   enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
   enableUseDeferredValueInitialArg =
     dynamicFeatureFlags.enableUseDeferredValueInitialArg,
+  enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
   enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
   hasOwnProperty = Object.prototype.hasOwnProperty,
   VALID_ATTRIBUTE_NAME_REGEX = RegExp(
@@ -2592,16 +2593,16 @@ function createRenderState(resumableState, generateStaticMarkup) {
       "\x3c/script>"
     );
   bootstrapScriptContent = idPrefix + "P:";
-  var JSCompiler_object_inline_segmentPrefix_1611 = idPrefix + "S:";
+  var JSCompiler_object_inline_segmentPrefix_1596 = idPrefix + "S:";
   idPrefix += "B:";
-  var JSCompiler_object_inline_preconnects_1625 = new Set(),
-    JSCompiler_object_inline_fontPreloads_1626 = new Set(),
-    JSCompiler_object_inline_highImagePreloads_1627 = new Set(),
-    JSCompiler_object_inline_styles_1628 = new Map(),
-    JSCompiler_object_inline_bootstrapScripts_1629 = new Set(),
-    JSCompiler_object_inline_scripts_1630 = new Set(),
-    JSCompiler_object_inline_bulkPreloads_1631 = new Set(),
-    JSCompiler_object_inline_preloads_1632 = {
+  var JSCompiler_object_inline_preconnects_1610 = new Set(),
+    JSCompiler_object_inline_fontPreloads_1611 = new Set(),
+    JSCompiler_object_inline_highImagePreloads_1612 = new Set(),
+    JSCompiler_object_inline_styles_1613 = new Map(),
+    JSCompiler_object_inline_bootstrapScripts_1614 = new Set(),
+    JSCompiler_object_inline_scripts_1615 = new Set(),
+    JSCompiler_object_inline_bulkPreloads_1616 = new Set(),
+    JSCompiler_object_inline_preloads_1617 = {
       images: new Map(),
       stylesheets: new Map(),
       scripts: new Map(),
@@ -2638,7 +2639,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
       scriptConfig.moduleScriptResources[href] = null;
       scriptConfig = [];
       pushLinkImpl(scriptConfig, props);
-      JSCompiler_object_inline_bootstrapScripts_1629.add(scriptConfig);
+      JSCompiler_object_inline_bootstrapScripts_1614.add(scriptConfig);
       bootstrapChunks.push('<script src="', escapeTextForBrowser(src));
       "string" === typeof integrity &&
         bootstrapChunks.push('" integrity="', escapeTextForBrowser(integrity));
@@ -2679,7 +2680,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
         (props.moduleScriptResources[scriptConfig] = null),
         (props = []),
         pushLinkImpl(props, integrity),
-        JSCompiler_object_inline_bootstrapScripts_1629.add(props),
+        JSCompiler_object_inline_bootstrapScripts_1614.add(props),
         bootstrapChunks.push(
           '<script type="module" src="',
           escapeTextForBrowser(i)
@@ -2694,7 +2695,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
         bootstrapChunks.push('" async="">\x3c/script>');
   return {
     placeholderPrefix: bootstrapScriptContent,
-    segmentPrefix: JSCompiler_object_inline_segmentPrefix_1611,
+    segmentPrefix: JSCompiler_object_inline_segmentPrefix_1596,
     boundaryPrefix: idPrefix,
     startInlineScript: "<script>",
     htmlChunks: null,
@@ -2714,14 +2715,14 @@ function createRenderState(resumableState, generateStaticMarkup) {
     charsetChunks: [],
     viewportChunks: [],
     hoistableChunks: [],
-    preconnects: JSCompiler_object_inline_preconnects_1625,
-    fontPreloads: JSCompiler_object_inline_fontPreloads_1626,
-    highImagePreloads: JSCompiler_object_inline_highImagePreloads_1627,
-    styles: JSCompiler_object_inline_styles_1628,
-    bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1629,
-    scripts: JSCompiler_object_inline_scripts_1630,
-    bulkPreloads: JSCompiler_object_inline_bulkPreloads_1631,
-    preloads: JSCompiler_object_inline_preloads_1632,
+    preconnects: JSCompiler_object_inline_preconnects_1610,
+    fontPreloads: JSCompiler_object_inline_fontPreloads_1611,
+    highImagePreloads: JSCompiler_object_inline_highImagePreloads_1612,
+    styles: JSCompiler_object_inline_styles_1613,
+    bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1614,
+    scripts: JSCompiler_object_inline_scripts_1615,
+    bulkPreloads: JSCompiler_object_inline_bulkPreloads_1616,
+    preloads: JSCompiler_object_inline_preloads_1617,
     stylesToHoist: !1,
     generateStaticMarkup: generateStaticMarkup
   };
@@ -2764,10 +2765,17 @@ function getComponentNameFromType(type) {
   }
   if ("object" === typeof type)
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        if (enableRenderableContext) break;
+        else return (type._context.displayName || "Context") + ".Provider";
       case REACT_CONTEXT_TYPE:
-        return (type.displayName || "Context") + ".Provider";
+        return enableRenderableContext
+          ? (type.displayName || "Context") + ".Provider"
+          : (type.displayName || "Context") + ".Consumer";
       case REACT_CONSUMER_TYPE:
-        return (type._context.displayName || "Context") + ".Consumer";
+        if (enableRenderableContext)
+          return (type._context.displayName || "Context") + ".Consumer";
+        break;
       case REACT_FORWARD_REF_TYPE:
         var innerType = type.render;
         type = type.displayName;
@@ -3744,6 +3752,38 @@ function resolveDefaultProps(Component, baseProps) {
   }
   return baseProps;
 }
+function renderContextConsumer(request, task, keyPath, context, props) {
+  props = props.children;
+  context = props(context._currentValue2);
+  props = task.keyPath;
+  task.keyPath = keyPath;
+  renderNodeDestructive(request, task, context, -1);
+  task.keyPath = props;
+}
+function renderContextProvider(request, task, keyPath, context, props) {
+  var value = props.value,
+    children = props.children;
+  props = task.keyPath;
+  var prevValue = context._currentValue2;
+  context._currentValue2 = value;
+  var prevNode = currentActiveSnapshot;
+  currentActiveSnapshot = context = {
+    parent: prevNode,
+    depth: null === prevNode ? 0 : prevNode.depth + 1,
+    context: context,
+    parentValue: prevValue,
+    value: value
+  };
+  task.context = context;
+  task.keyPath = keyPath;
+  renderNodeDestructive(request, task, children, -1);
+  request = currentActiveSnapshot;
+  if (null === request) throw Error(formatProdErrorMessage(403));
+  request.context._currentValue2 = request.parentValue;
+  request = currentActiveSnapshot = request.parent;
+  task.context = request;
+  task.keyPath = props;
+}
 function renderElement(request, task, keyPath, type, props, ref) {
   if ("function" === typeof type)
     if (type.prototype && type.prototype.isReactComponent) {
@@ -4175,38 +4215,20 @@ function renderElement(request, task, keyPath, type, props, ref) {
           renderElement(request, task, keyPath, type, props, ref);
           return;
         case REACT_PROVIDER_TYPE:
+          if (!enableRenderableContext) {
+            renderContextProvider(request, task, keyPath, type._context, props);
+            return;
+          }
         case REACT_CONTEXT_TYPE:
-          previousComponentStack = props.children;
-          contextKey = task.keyPath;
-          props = props.value;
-          JSCompiler_inline_result = type._currentValue2;
-          type._currentValue2 = props;
-          ref = currentActiveSnapshot;
-          currentActiveSnapshot = props = {
-            parent: ref,
-            depth: null === ref ? 0 : ref.depth + 1,
-            context: type,
-            parentValue: JSCompiler_inline_result,
-            value: props
-          };
-          task.context = props;
-          task.keyPath = keyPath;
-          renderNodeDestructive(request, task, previousComponentStack, -1);
-          request = currentActiveSnapshot;
-          if (null === request) throw Error(formatProdErrorMessage(403));
-          request.context._currentValue2 = request.parentValue;
-          request = currentActiveSnapshot = request.parent;
-          task.context = request;
-          task.keyPath = contextKey;
+          enableRenderableContext
+            ? renderContextProvider(request, task, keyPath, type, props)
+            : renderContextConsumer(request, task, keyPath, type, props);
           return;
         case REACT_CONSUMER_TYPE:
-          props = props.children;
-          props = props(type._context._currentValue2);
-          type = task.keyPath;
-          task.keyPath = keyPath;
-          renderNodeDestructive(request, task, props, -1);
-          task.keyPath = type;
-          return;
+          if (enableRenderableContext) {
+            renderContextConsumer(request, task, keyPath, type._context, props);
+            return;
+          }
         case REACT_LAZY_TYPE:
           contextKey = task.componentStack;
           task.componentStack = createBuiltInComponentStack(task, "Lazy");
@@ -4655,15 +4677,15 @@ function renderNode(request, task, node, childIndex) {
       chunkLength = segment.chunks.length;
     try {
       return renderNodeDestructive(request, task, node, childIndex);
-    } catch (thrownValue$41) {
+    } catch (thrownValue$43) {
       if (
         (resetHooksState(),
         (segment.children.length = childrenLength),
         (segment.chunks.length = chunkLength),
         (node =
-          thrownValue$41 === SuspenseException
+          thrownValue$43 === SuspenseException
             ? getSuspendedThenable()
-            : thrownValue$41),
+            : thrownValue$43),
         "object" === typeof node &&
           null !== node &&
           "function" === typeof node.then)
@@ -5506,11 +5528,11 @@ function flushCompletedQueues(request, destination) {
     completedBoundaries.splice(0, i);
     var partialBoundaries = request.partialBoundaries;
     for (i = 0; i < partialBoundaries.length; i++) {
-      var boundary$45 = partialBoundaries[i];
+      var boundary$47 = partialBoundaries[i];
       a: {
         clientRenderedBoundaries = request;
         boundary = destination;
-        var completedSegments = boundary$45.completedSegments;
+        var completedSegments = boundary$47.completedSegments;
         for (
           resumableState$jscomp$0 = 0;
           resumableState$jscomp$0 < completedSegments.length;
@@ -5520,7 +5542,7 @@ function flushCompletedQueues(request, destination) {
             !flushPartiallyCompletedSegment(
               clientRenderedBoundaries,
               boundary,
-              boundary$45,
+              boundary$47,
               completedSegments[resumableState$jscomp$0]
             )
           ) {
@@ -5532,7 +5554,7 @@ function flushCompletedQueues(request, destination) {
         completedSegments.splice(0, resumableState$jscomp$0);
         JSCompiler_inline_result = writeHoistablesForBoundary(
           boundary,
-          boundary$45.contentState,
+          boundary$47.contentState,
           clientRenderedBoundaries.renderState
         );
       }
@@ -5606,8 +5628,8 @@ function abort(request, reason) {
     }
     null !== request.destination &&
       flushCompletedQueues(request, request.destination);
-  } catch (error$47) {
-    logRecoverableError(request, error$47, {}), fatalError(request, error$47);
+  } catch (error$49) {
+    logRecoverableError(request, error$49, {}), fatalError(request, error$49);
   }
 }
 function onError() {}
@@ -5681,4 +5703,4 @@ exports.renderToString = function (children, options) {
     'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
   );
 };
-exports.version = "18.3.0-www-classic-475bb322";
+exports.version = "18.3.0-www-classic-5ac0969c";

compiled/facebook-www/ReactDOMServer-prod.modern.js

@@ -132,6 +132,7 @@ var assign = Object.assign,
   enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
   enableUseDeferredValueInitialArg =
     dynamicFeatureFlags.enableUseDeferredValueInitialArg,
+  enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
   enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
   hasOwnProperty = Object.prototype.hasOwnProperty,
   VALID_ATTRIBUTE_NAME_REGEX = RegExp(
@@ -2592,16 +2593,16 @@ function createRenderState(resumableState, generateStaticMarkup) {
       "\x3c/script>"
     );
   bootstrapScriptContent = idPrefix + "P:";
-  var JSCompiler_object_inline_segmentPrefix_1598 = idPrefix + "S:";
+  var JSCompiler_object_inline_segmentPrefix_1583 = idPrefix + "S:";
   idPrefix += "B:";
-  var JSCompiler_object_inline_preconnects_1612 = new Set(),
-    JSCompiler_object_inline_fontPreloads_1613 = new Set(),
-    JSCompiler_object_inline_highImagePreloads_1614 = new Set(),
-    JSCompiler_object_inline_styles_1615 = new Map(),
-    JSCompiler_object_inline_bootstrapScripts_1616 = new Set(),
-    JSCompiler_object_inline_scripts_1617 = new Set(),
-    JSCompiler_object_inline_bulkPreloads_1618 = new Set(),
-    JSCompiler_object_inline_preloads_1619 = {
+  var JSCompiler_object_inline_preconnects_1597 = new Set(),
+    JSCompiler_object_inline_fontPreloads_1598 = new Set(),
+    JSCompiler_object_inline_highImagePreloads_1599 = new Set(),
+    JSCompiler_object_inline_styles_1600 = new Map(),
+    JSCompiler_object_inline_bootstrapScripts_1601 = new Set(),
+    JSCompiler_object_inline_scripts_1602 = new Set(),
+    JSCompiler_object_inline_bulkPreloads_1603 = new Set(),
+    JSCompiler_object_inline_preloads_1604 = {
       images: new Map(),
       stylesheets: new Map(),
       scripts: new Map(),
@@ -2638,7 +2639,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
       scriptConfig.moduleScriptResources[href] = null;
       scriptConfig = [];
       pushLinkImpl(scriptConfig, props);
-      JSCompiler_object_inline_bootstrapScripts_1616.add(scriptConfig);
+      JSCompiler_object_inline_bootstrapScripts_1601.add(scriptConfig);
       bootstrapChunks.push('<script src="', escapeTextForBrowser(src));
       "string" === typeof integrity &&
         bootstrapChunks.push('" integrity="', escapeTextForBrowser(integrity));
@@ -2679,7 +2680,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
         (props.moduleScriptResources[scriptConfig] = null),
         (props = []),
         pushLinkImpl(props, integrity),
-        JSCompiler_object_inline_bootstrapScripts_1616.add(props),
+        JSCompiler_object_inline_bootstrapScripts_1601.add(props),
         bootstrapChunks.push(
           '<script type="module" src="',
           escapeTextForBrowser(i)
@@ -2694,7 +2695,7 @@ function createRenderState(resumableState, generateStaticMarkup) {
         bootstrapChunks.push('" async="">\x3c/script>');
   return {
     placeholderPrefix: bootstrapScriptContent,
-    segmentPrefix: JSCompiler_object_inline_segmentPrefix_1598,
+    segmentPrefix: JSCompiler_object_inline_segmentPrefix_1583,
     boundaryPrefix: idPrefix,
     startInlineScript: "<script>",
     htmlChunks: null,
@@ -2714,14 +2715,14 @@ function createRenderState(resumableState, generateStaticMarkup) {
     charsetChunks: [],
     viewportChunks: [],
     hoistableChunks: [],
-    preconnects: JSCompiler_object_inline_preconnects_1612,
-    fontPreloads: JSCompiler_object_inline_fontPreloads_1613,
-    highImagePreloads: JSCompiler_object_inline_highImagePreloads_1614,
-    styles: JSCompiler_object_inline_styles_1615,
-    bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1616,
-    scripts: JSCompiler_object_inline_scripts_1617,
-    bulkPreloads: JSCompiler_object_inline_bulkPreloads_1618,
-    preloads: JSCompiler_object_inline_preloads_1619,
+    preconnects: JSCompiler_object_inline_preconnects_1597,
+    fontPreloads: JSCompiler_object_inline_fontPreloads_1598,
+    highImagePreloads: JSCompiler_object_inline_highImagePreloads_1599,
+    styles: JSCompiler_object_inline_styles_1600,
+    bootstrapScripts: JSCompiler_object_inline_bootstrapScripts_1601,
+    scripts: JSCompiler_object_inline_scripts_1602,
+    bulkPreloads: JSCompiler_object_inline_bulkPreloads_1603,
+    preloads: JSCompiler_object_inline_preloads_1604,
     stylesToHoist: !1,
     generateStaticMarkup: generateStaticMarkup
   };
@@ -2764,10 +2765,17 @@ function getComponentNameFromType(type) {
   }
   if ("object" === typeof type)
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        if (enableRenderableContext) break;
+        else return (type._context.displayName || "Context") + ".Provider";
       case REACT_CONTEXT_TYPE:
-        return (type.displayName || "Context") + ".Provider";
+        return enableRenderableContext
+          ? (type.displayName || "Context") + ".Provider"
+          : (type.displayName || "Context") + ".Consumer";
       case REACT_CONSUMER_TYPE:
-        return (type._context.displayName || "Context") + ".Consumer";
+        if (enableRenderableContext)
+          return (type._context.displayName || "Context") + ".Consumer";
+        break;
       case REACT_FORWARD_REF_TYPE:
         var innerType = type.render;
         type = type.displayName;
@@ -3736,6 +3744,38 @@ function resolveDefaultProps(Component, baseProps) {
   }
   return baseProps;
 }
+function renderContextConsumer(request, task, keyPath, context, props) {
+  props = props.children;
+  context = props(context._currentValue2);
+  props = task.keyPath;
+  task.keyPath = keyPath;
+  renderNodeDestructive(request, task, context, -1);
+  task.keyPath = props;
+}
+function renderContextProvider(request, task, keyPath, context, props) {
+  var value = props.value,
+    children = props.children;
+  props = task.keyPath;
+  var prevValue = context._currentValue2;
+  context._currentValue2 = value;
+  var prevNode = currentActiveSnapshot;
+  currentActiveSnapshot = context = {
+    parent: prevNode,
+    depth: null === prevNode ? 0 : prevNode.depth + 1,
+    context: context,
+    parentValue: prevValue,
+    value: value
+  };
+  task.context = context;
+  task.keyPath = keyPath;
+  renderNodeDestructive(request, task, children, -1);
+  request = currentActiveSnapshot;
+  if (null === request) throw Error(formatProdErrorMessage(403));
+  request.context._currentValue2 = request.parentValue;
+  request = currentActiveSnapshot = request.parent;
+  task.context = request;
+  task.keyPath = props;
+}
 function renderElement(request, task, keyPath, type, props, ref) {
   if ("function" === typeof type)
     if (type.prototype && type.prototype.isReactComponent) {
@@ -4116,38 +4156,20 @@ function renderElement(request, task, keyPath, type, props, ref) {
           renderElement(request, task, keyPath, type, props, ref);
           return;
         case REACT_PROVIDER_TYPE:
+          if (!enableRenderableContext) {
+            renderContextProvider(request, task, keyPath, type._context, props);
+            return;
+          }
         case REACT_CONTEXT_TYPE:
-          JSCompiler_inline_result = props.children;
-          ref = task.keyPath;
-          props = props.value;
-          contextType = type._currentValue2;
-          type._currentValue2 = props;
-          initialState = currentActiveSnapshot;
-          currentActiveSnapshot = props = {
-            parent: initialState,
-            depth: null === initialState ? 0 : initialState.depth + 1,
-            context: type,
-            parentValue: contextType,
-            value: props
-          };
-          task.context = props;
-          task.keyPath = keyPath;
-          renderNodeDestructive(request, task, JSCompiler_inline_result, -1);
-          request = currentActiveSnapshot;
-          if (null === request) throw Error(formatProdErrorMessage(403));
-          request.context._currentValue2 = request.parentValue;
-          request = currentActiveSnapshot = request.parent;
-          task.context = request;
-          task.keyPath = ref;
+          enableRenderableContext
+            ? renderContextProvider(request, task, keyPath, type, props)
+            : renderContextConsumer(request, task, keyPath, type, props);
           return;
         case REACT_CONSUMER_TYPE:
-          props = props.children;
-          props = props(type._context._currentValue2);
-          type = task.keyPath;
-          task.keyPath = keyPath;
-          renderNodeDestructive(request, task, props, -1);
-          task.keyPath = type;
-          return;
+          if (enableRenderableContext) {
+            renderContextConsumer(request, task, keyPath, type._context, props);
+            return;
+          }
         case REACT_LAZY_TYPE:
           ref = task.componentStack;
           task.componentStack = createBuiltInComponentStack(task, "Lazy");
@@ -4596,15 +4618,15 @@ function renderNode(request, task, node, childIndex) {
       chunkLength = segment.chunks.length;
     try {
       return renderNodeDestructive(request, task, node, childIndex);
-    } catch (thrownValue$41) {
+    } catch (thrownValue$43) {
       if (
         (resetHooksState(),
         (segment.children.length = childrenLength),
         (segment.chunks.length = chunkLength),
         (node =
-          thrownValue$41 === SuspenseException
+          thrownValue$43 === SuspenseException
             ? getSuspendedThenable()
-            : thrownValue$41),
+            : thrownValue$43),
         "object" === typeof node &&
           null !== node &&
           "function" === typeof node.then)
@@ -5447,11 +5469,11 @@ function flushCompletedQueues(request, destination) {
     completedBoundaries.splice(0, i);
     var partialBoundaries = request.partialBoundaries;
     for (i = 0; i < partialBoundaries.length; i++) {
-      var boundary$45 = partialBoundaries[i];
+      var boundary$47 = partialBoundaries[i];
       a: {
         clientRenderedBoundaries = request;
         boundary = destination;
-        var completedSegments = boundary$45.completedSegments;
+        var completedSegments = boundary$47.completedSegments;
         for (
           resumableState$jscomp$0 = 0;
           resumableState$jscomp$0 < completedSegments.length;
@@ -5461,7 +5483,7 @@ function flushCompletedQueues(request, destination) {
             !flushPartiallyCompletedSegment(
               clientRenderedBoundaries,
               boundary,
-              boundary$45,
+              boundary$47,
               completedSegments[resumableState$jscomp$0]
             )
           ) {
@@ -5473,7 +5495,7 @@ function flushCompletedQueues(request, destination) {
         completedSegments.splice(0, resumableState$jscomp$0);
         JSCompiler_inline_result = writeHoistablesForBoundary(
           boundary,
-          boundary$45.contentState,
+          boundary$47.contentState,
           clientRenderedBoundaries.renderState
         );
       }
@@ -5547,8 +5569,8 @@ function abort(request, reason) {
     }
     null !== request.destination &&
       flushCompletedQueues(request, request.destination);
-  } catch (error$47) {
-    logRecoverableError(request, error$47, {}), fatalError(request, error$47);
+  } catch (error$49) {
+    logRecoverableError(request, error$49, {}), fatalError(request, error$49);
   }
 }
 function onError() {}
@@ -5622,4 +5644,4 @@ exports.renderToString = function (children, options) {
     'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
   );
 };
-exports.version = "18.3.0-www-modern-4825b9d8";
+exports.version = "18.3.0-www-modern-654a7213";

compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js

@@ -678,6 +678,7 @@ if (__DEV__) {
     var enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
       enableUseDeferredValueInitialArg =
         dynamicFeatureFlags.enableUseDeferredValueInitialArg,
+      enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
       enableRefAsProp = dynamicFeatureFlags.enableRefAsProp;
     // On WWW, true is used for a new modern build.
     var enableFloat = true;
@@ -8457,21 +8458,30 @@ if (__DEV__) {
         }
 
         switch (type.$$typeof) {
-          case REACT_PROVIDER_TYPE: {
-            return null;
-          }
+          case REACT_PROVIDER_TYPE:
+            if (enableRenderableContext) {
+              return null;
+            } else {
+              var provider = type;
+              return getContextName(provider._context) + ".Provider";
+            }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
-            {
+            if (enableRenderableContext) {
               return getContextName(context) + ".Provider";
+            } else {
+              return getContextName(context) + ".Consumer";
             }
 
-          case REACT_CONSUMER_TYPE: {
-            var consumer = type;
-            return getContextName(consumer._context) + ".Consumer";
-          }
+          case REACT_CONSUMER_TYPE:
+            if (enableRenderableContext) {
+              var consumer = type;
+              return getContextName(consumer._context) + ".Consumer";
+            } else {
+              return null;
+            }
 
           case REACT_FORWARD_REF_TYPE:
             return getWrappedName(type, type.render, "ForwardRef");
@@ -12178,18 +12188,35 @@ if (__DEV__) {
             return;
           }
 
-          case REACT_PROVIDER_TYPE:
+          case REACT_PROVIDER_TYPE: {
+            if (!enableRenderableContext) {
+              var context = type._context;
+              renderContextProvider(request, task, keyPath, context, props);
+              return;
+            } // Fall through
+          }
 
           case REACT_CONTEXT_TYPE: {
-            {
+            if (enableRenderableContext) {
               var _context = type;
               renderContextProvider(request, task, keyPath, _context, props);
               return;
+            } else {
+              var _context2 = type;
+
+              {
+                if (_context2._context !== undefined) {
+                  _context2 = _context2._context;
+                }
+              }
+
+              renderContextConsumer(request, task, keyPath, _context2, props);
+              return;
             }
           }
 
           case REACT_CONSUMER_TYPE: {
-            {
+            if (enableRenderableContext) {
               var _context3 = type._context;
               renderContextConsumer(request, task, keyPath, _context3, props);
               return;

compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js

@@ -124,6 +124,7 @@ var assign = Object.assign,
   enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
   enableUseDeferredValueInitialArg =
     dynamicFeatureFlags.enableUseDeferredValueInitialArg,
+  enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
   enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
   hasOwnProperty = Object.prototype.hasOwnProperty,
   VALID_ATTRIBUTE_NAME_REGEX = RegExp(
@@ -2624,10 +2625,17 @@ function getComponentNameFromType(type) {
   }
   if ("object" === typeof type)
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        if (enableRenderableContext) break;
+        else return (type._context.displayName || "Context") + ".Provider";
       case REACT_CONTEXT_TYPE:
-        return (type.displayName || "Context") + ".Provider";
+        return enableRenderableContext
+          ? (type.displayName || "Context") + ".Provider"
+          : (type.displayName || "Context") + ".Consumer";
       case REACT_CONSUMER_TYPE:
-        return (type._context.displayName || "Context") + ".Consumer";
+        if (enableRenderableContext)
+          return (type._context.displayName || "Context") + ".Consumer";
+        break;
       case REACT_FORWARD_REF_TYPE:
         var innerType = type.render;
         type = type.displayName;
@@ -3554,6 +3562,41 @@ function resolveDefaultProps(Component, baseProps) {
   }
   return baseProps;
 }
+function renderContextConsumer(request, task, keyPath, context, props) {
+  props = props.children;
+  context = props(context._currentValue);
+  props = task.keyPath;
+  task.keyPath = keyPath;
+  renderNodeDestructive(request, task, context, -1);
+  task.keyPath = props;
+}
+function renderContextProvider(request, task, keyPath, context, props) {
+  var value = props.value,
+    children = props.children;
+  props = task.keyPath;
+  var prevValue = context._currentValue;
+  context._currentValue = value;
+  var prevNode = currentActiveSnapshot;
+  currentActiveSnapshot = context = {
+    parent: prevNode,
+    depth: null === prevNode ? 0 : prevNode.depth + 1,
+    context: context,
+    parentValue: prevValue,
+    value: value
+  };
+  task.context = context;
+  task.keyPath = keyPath;
+  renderNodeDestructive(request, task, children, -1);
+  request = currentActiveSnapshot;
+  if (null === request)
+    throw Error(
+      "Tried to pop a Context at the root of the app. This is a bug in React."
+    );
+  request.context._currentValue = request.parentValue;
+  request = currentActiveSnapshot = request.parent;
+  task.context = request;
+  task.keyPath = props;
+}
 function renderElement(request, task, keyPath, type, props, ref) {
   if ("function" === typeof type)
     if (type.prototype && type.prototype.isReactComponent) {
@@ -3933,41 +3976,20 @@ function renderElement(request, task, keyPath, type, props, ref) {
           renderElement(request, task, keyPath, type, props, ref);
           return;
         case REACT_PROVIDER_TYPE:
+          if (!enableRenderableContext) {
+            renderContextProvider(request, task, keyPath, type._context, props);
+            return;
+          }
         case REACT_CONTEXT_TYPE:
-          JSCompiler_inline_result = props.children;
-          ref = task.keyPath;
-          props = props.value;
-          contextType = type._currentValue;
-          type._currentValue = props;
-          initialState = currentActiveSnapshot;
-          currentActiveSnapshot = props = {
-            parent: initialState,
-            depth: null === initialState ? 0 : initialState.depth + 1,
-            context: type,
-            parentValue: contextType,
-            value: props
-          };
-          task.context = props;
-          task.keyPath = keyPath;
-          renderNodeDestructive(request, task, JSCompiler_inline_result, -1);
-          request = currentActiveSnapshot;
-          if (null === request)
-            throw Error(
-              "Tried to pop a Context at the root of the app. This is a bug in React."
-            );
-          request.context._currentValue = request.parentValue;
-          request = currentActiveSnapshot = request.parent;
-          task.context = request;
-          task.keyPath = ref;
+          enableRenderableContext
+            ? renderContextProvider(request, task, keyPath, type, props)
+            : renderContextConsumer(request, task, keyPath, type, props);
           return;
         case REACT_CONSUMER_TYPE:
-          props = props.children;
-          props = props(type._context._currentValue);
-          type = task.keyPath;
-          task.keyPath = keyPath;
-          renderNodeDestructive(request, task, props, -1);
-          task.keyPath = type;
-          return;
+          if (enableRenderableContext) {
+            renderContextConsumer(request, task, keyPath, type._context, props);
+            return;
+          }
         case REACT_LAZY_TYPE:
           ref = task.componentStack;
           task.componentStack = createBuiltInComponentStack(task, "Lazy");
@@ -4428,15 +4450,15 @@ function renderNode(request, task, node, childIndex) {
       chunkLength = segment.chunks.length;
     try {
       return renderNodeDestructive(request, task, node, childIndex);
-    } catch (thrownValue$41) {
+    } catch (thrownValue$43) {
       if (
         (resetHooksState(),
         (segment.children.length = childrenLength),
         (segment.chunks.length = chunkLength),
         (node =
-          thrownValue$41 === SuspenseException
+          thrownValue$43 === SuspenseException
             ? getSuspendedThenable()
-            : thrownValue$41),
+            : thrownValue$43),
         "object" === typeof node &&
           null !== node &&
           "function" === typeof node.then)
@@ -5117,11 +5139,11 @@ function flushCompletedQueues(request, destination) {
     completedBoundaries.splice(0, i);
     var partialBoundaries = request.partialBoundaries;
     for (i = 0; i < partialBoundaries.length; i++) {
-      var boundary$45 = partialBoundaries[i];
+      var boundary$47 = partialBoundaries[i];
       a: {
         clientRenderedBoundaries = request;
         boundary = destination;
-        var completedSegments = boundary$45.completedSegments;
+        var completedSegments = boundary$47.completedSegments;
         for (
           resumableState$jscomp$0 = 0;
           resumableState$jscomp$0 < completedSegments.length;
@@ -5131,7 +5153,7 @@ function flushCompletedQueues(request, destination) {
             !flushPartiallyCompletedSegment(
               clientRenderedBoundaries,
               boundary,
-              boundary$45,
+              boundary$47,
               completedSegments[resumableState$jscomp$0]
             )
           ) {
@@ -5143,7 +5165,7 @@ function flushCompletedQueues(request, destination) {
         completedSegments.splice(0, resumableState$jscomp$0);
         JSCompiler_inline_result = writeHoistablesForBoundary(
           boundary,
-          boundary$45.contentState,
+          boundary$47.contentState,
           clientRenderedBoundaries.renderState
         );
       }
@@ -5198,8 +5220,8 @@ function abort(request, reason) {
     }
     null !== request.destination &&
       flushCompletedQueues(request, request.destination);
-  } catch (error$47) {
-    logRecoverableError(request, error$47, {}), fatalError(request, error$47);
+  } catch (error$49) {
+    logRecoverableError(request, error$49, {}), fatalError(request, error$49);
   }
 }
 exports.abortStream = function (stream, reason) {

compiled/facebook-www/ReactDOMTesting-dev.classic.js

@@ -144,6 +144,7 @@ if (__DEV__) {
         dynamicFeatureFlags.transitionLaneExpirationMs,
       enableInfiniteRenderLoopDetection =
         dynamicFeatureFlags.enableInfiniteRenderLoopDetection,
+      enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
       useModernStrictMode = dynamicFeatureFlags.useModernStrictMode,
       enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
       enableClientRenderFallbackOnTextMismatch =
@@ -314,21 +315,30 @@ if (__DEV__) {
         }
 
         switch (type.$$typeof) {
-          case REACT_PROVIDER_TYPE: {
-            return null;
-          }
+          case REACT_PROVIDER_TYPE:
+            if (enableRenderableContext) {
+              return null;
+            } else {
+              var provider = type;
+              return getContextName$1(provider._context) + ".Provider";
+            }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
-            {
+            if (enableRenderableContext) {
               return getContextName$1(context) + ".Provider";
+            } else {
+              return getContextName$1(context) + ".Consumer";
             }
 
-          case REACT_CONSUMER_TYPE: {
-            var consumer = type;
-            return getContextName$1(consumer._context) + ".Consumer";
-          }
+          case REACT_CONSUMER_TYPE:
+            if (enableRenderableContext) {
+              var consumer = type;
+              return getContextName$1(consumer._context) + ".Consumer";
+            } else {
+              return null;
+            }
 
           case REACT_FORWARD_REF_TYPE:
             return getWrappedName$1(type, type.render, "ForwardRef");
@@ -381,15 +391,23 @@ if (__DEV__) {
         case CacheComponent:
           return "Cache";
 
-        case ContextConsumer: {
-          var consumer = type;
-          return getContextName(consumer._context) + ".Consumer";
-        }
+        case ContextConsumer:
+          if (enableRenderableContext) {
+            var consumer = type;
+            return getContextName(consumer._context) + ".Consumer";
+          } else {
+            var context = type;
+            return getContextName(context) + ".Consumer";
+          }
 
-        case ContextProvider: {
-          var _context = type;
-          return getContextName(_context) + ".Provider";
-        }
+        case ContextProvider:
+          if (enableRenderableContext) {
+            var _context = type;
+            return getContextName(_context) + ".Provider";
+          } else {
+            var provider = type;
+            return getContextName(provider._context) + ".Provider";
+          }
 
         case DehydratedFragment:
           return "DehydratedFragment";
@@ -22772,8 +22790,10 @@ if (__DEV__) {
     function updateContextProvider(current, workInProgress, renderLanes) {
       var context;
 
-      {
+      if (enableRenderableContext) {
         context = workInProgress.type;
+      } else {
+        context = workInProgress.type._context;
       }
 
       var newProps = workInProgress.pendingProps;
@@ -22827,9 +22847,17 @@ if (__DEV__) {
     function updateContextConsumer(current, workInProgress, renderLanes) {
       var context;
 
-      {
+      if (enableRenderableContext) {
         var consumerType = workInProgress.type;
         context = consumerType._context;
+      } else {
+        context = workInProgress.type;
+
+        {
+          if (context._context !== undefined) {
+            context = context._context;
+          }
+        }
       }
 
       var newProps = workInProgress.pendingProps;
@@ -23077,8 +23105,10 @@ if (__DEV__) {
           var newValue = workInProgress.memoizedProps.value;
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
           }
 
           pushProvider(workInProgress, context, newValue);
@@ -24069,8 +24099,10 @@ if (__DEV__) {
           if (oldProps !== null) {
             var context = void 0;
 
-            {
+            if (enableRenderableContext) {
               context = parent.type;
+            } else {
+              context = parent.type._context;
             }
 
             var newProps = parent.pendingProps;
@@ -24609,7 +24641,10 @@ if (__DEV__) {
     }
 
     function collectNearestContextValues(node, context, childContextValues) {
-      if (node.tag === ContextProvider && node.type === context) {
+      if (
+        node.tag === ContextProvider &&
+        (enableRenderableContext ? node.type : node.type._context) === context
+      ) {
         var contextValue = node.memoizedProps.value;
         childContextValues.push(contextValue);
       } else {
@@ -25658,8 +25693,10 @@ if (__DEV__) {
           // Pop provider fiber
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
           }
 
           popProvider(context, workInProgress);
@@ -26153,8 +26190,10 @@ if (__DEV__) {
         case ContextProvider:
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
           }
 
           popProvider(context, workInProgress);
@@ -26256,8 +26295,10 @@ if (__DEV__) {
         case ContextProvider:
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = interruptedWork.type;
+          } else {
+            context = interruptedWork.type._context;
           }
 
           popProvider(context, interruptedWork);
@@ -36183,18 +36224,27 @@ if (__DEV__) {
             if (typeof type === "object" && type !== null) {
               switch (type.$$typeof) {
                 case REACT_PROVIDER_TYPE:
+                  if (!enableRenderableContext) {
+                    fiberTag = ContextProvider;
+                    break getTag;
+                  }
 
                 // Fall through
 
-                case REACT_CONTEXT_TYPE: {
-                  fiberTag = ContextProvider;
-                  break getTag;
-                }
+                case REACT_CONTEXT_TYPE:
+                  if (enableRenderableContext) {
+                    fiberTag = ContextProvider;
+                    break getTag;
+                  } else {
+                    fiberTag = ContextConsumer;
+                    break getTag;
+                  }
 
-                case REACT_CONSUMER_TYPE: {
-                  fiberTag = ContextConsumer;
-                  break getTag;
-                }
+                case REACT_CONSUMER_TYPE:
+                  if (enableRenderableContext) {
+                    fiberTag = ContextConsumer;
+                    break getTag;
+                  }
 
                 // Fall through
 
@@ -36627,7 +36677,7 @@ if (__DEV__) {
       return root;
     }
 
-    var ReactVersion = "18.3.0-www-classic-17784f7e";
+    var ReactVersion = "18.3.0-www-classic-d4b2bc87";
 
     function createPortal$1(
       children,

compiled/facebook-www/ReactDOMTesting-dev.modern.js

@@ -130,6 +130,7 @@ if (__DEV__) {
         dynamicFeatureFlags.transitionLaneExpirationMs,
       enableInfiniteRenderLoopDetection =
         dynamicFeatureFlags.enableInfiniteRenderLoopDetection,
+      enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
       useModernStrictMode = dynamicFeatureFlags.useModernStrictMode,
       enableRefAsProp = dynamicFeatureFlags.enableRefAsProp,
       enableClientRenderFallbackOnTextMismatch =
@@ -3576,21 +3577,30 @@ if (__DEV__) {
         }
 
         switch (type.$$typeof) {
-          case REACT_PROVIDER_TYPE: {
-            return null;
-          }
+          case REACT_PROVIDER_TYPE:
+            if (enableRenderableContext) {
+              return null;
+            } else {
+              var provider = type;
+              return getContextName$1(provider._context) + ".Provider";
+            }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
-            {
+            if (enableRenderableContext) {
               return getContextName$1(context) + ".Provider";
+            } else {
+              return getContextName$1(context) + ".Consumer";
             }
 
-          case REACT_CONSUMER_TYPE: {
-            var consumer = type;
-            return getContextName$1(consumer._context) + ".Consumer";
-          }
+          case REACT_CONSUMER_TYPE:
+            if (enableRenderableContext) {
+              var consumer = type;
+              return getContextName$1(consumer._context) + ".Consumer";
+            } else {
+              return null;
+            }
 
           case REACT_FORWARD_REF_TYPE:
             return getWrappedName$1(type, type.render, "ForwardRef");
@@ -3643,15 +3653,23 @@ if (__DEV__) {
         case CacheComponent:
           return "Cache";
 
-        case ContextConsumer: {
-          var consumer = type;
-          return getContextName(consumer._context) + ".Consumer";
-        }
+        case ContextConsumer:
+          if (enableRenderableContext) {
+            var consumer = type;
+            return getContextName(consumer._context) + ".Consumer";
+          } else {
+            var context = type;
+            return getContextName(context) + ".Consumer";
+          }
 
-        case ContextProvider: {
-          var _context = type;
-          return getContextName(_context) + ".Provider";
-        }
+        case ContextProvider:
+          if (enableRenderableContext) {
+            var _context = type;
+            return getContextName(_context) + ".Provider";
+          } else {
+            var provider = type;
+            return getContextName(provider._context) + ".Provider";
+          }
 
         case DehydratedFragment:
           return "DehydratedFragment";
@@ -22652,8 +22670,10 @@ if (__DEV__) {
     function updateContextProvider(current, workInProgress, renderLanes) {
       var context;
 
-      {
+      if (enableRenderableContext) {
         context = workInProgress.type;
+      } else {
+        context = workInProgress.type._context;
       }
 
       var newProps = workInProgress.pendingProps;
@@ -22707,9 +22727,17 @@ if (__DEV__) {
     function updateContextConsumer(current, workInProgress, renderLanes) {
       var context;
 
-      {
+      if (enableRenderableContext) {
         var consumerType = workInProgress.type;
         context = consumerType._context;
+      } else {
+        context = workInProgress.type;
+
+        {
+          if (context._context !== undefined) {
+            context = context._context;
+          }
+        }
       }
 
       var newProps = workInProgress.pendingProps;
@@ -22951,8 +22979,10 @@ if (__DEV__) {
           var newValue = workInProgress.memoizedProps.value;
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
           }
 
           pushProvider(workInProgress, context, newValue);
@@ -23943,8 +23973,10 @@ if (__DEV__) {
           if (oldProps !== null) {
             var context = void 0;
 
-            {
+            if (enableRenderableContext) {
               context = parent.type;
+            } else {
+              context = parent.type._context;
             }
 
             var newProps = parent.pendingProps;
@@ -24483,7 +24515,10 @@ if (__DEV__) {
     }
 
     function collectNearestContextValues(node, context, childContextValues) {
-      if (node.tag === ContextProvider && node.type === context) {
+      if (
+        node.tag === ContextProvider &&
+        (enableRenderableContext ? node.type : node.type._context) === context
+      ) {
         var contextValue = node.memoizedProps.value;
         childContextValues.push(contextValue);
       } else {
@@ -25525,8 +25560,10 @@ if (__DEV__) {
           // Pop provider fiber
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
           }
 
           popProvider(context, workInProgress);
@@ -26005,8 +26042,10 @@ if (__DEV__) {
         case ContextProvider:
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = workInProgress.type;
+          } else {
+            context = workInProgress.type._context;
           }
 
           popProvider(context, workInProgress);
@@ -26101,8 +26140,10 @@ if (__DEV__) {
         case ContextProvider:
           var context;
 
-          {
+          if (enableRenderableContext) {
             context = interruptedWork.type;
+          } else {
+            context = interruptedWork.type._context;
           }
 
           popProvider(context, interruptedWork);
@@ -36019,18 +36060,27 @@ if (__DEV__) {
             if (typeof type === "object" && type !== null) {
               switch (type.$$typeof) {
                 case REACT_PROVIDER_TYPE:
+                  if (!enableRenderableContext) {
+                    fiberTag = ContextProvider;
+                    break getTag;
+                  }
 
                 // Fall through
 
-                case REACT_CONTEXT_TYPE: {
-                  fiberTag = ContextProvider;
-                  break getTag;
-                }
+                case REACT_CONTEXT_TYPE:
+                  if (enableRenderableContext) {
+                    fiberTag = ContextProvider;
+                    break getTag;
+                  } else {
+                    fiberTag = ContextConsumer;
+                    break getTag;
+                  }
 
-                case REACT_CONSUMER_TYPE: {
-                  fiberTag = ContextConsumer;
-                  break getTag;
-                }
+                case REACT_CONSUMER_TYPE:
+                  if (enableRenderableContext) {
+                    fiberTag = ContextConsumer;
+                    break getTag;
+                  }
 
                 // Fall through
 
@@ -36463,7 +36513,7 @@ if (__DEV__) {
       return root;
     }
 
-    var ReactVersion = "18.3.0-www-modern-7c91c8e8";
+    var ReactVersion = "18.3.0-www-modern-917f3f1b";
 
     function createPortal$1(
       children,

compiled/facebook-www/ReactIs-dev.classic.js

@@ -45,9 +45,9 @@ if (__DEV__) {
     var dynamicFeatureFlags = require("ReactFeatureFlags");
 
     var enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
-      enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing;
+      enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
+      enableRenderableContext = dynamicFeatureFlags.enableRenderableContext;
     // On WWW, false is used for a new modern build.
-    var enableRenderableContext = true;
 
     var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
     function isValidElementType(type) {
@@ -76,8 +76,8 @@ if (__DEV__) {
           type.$$typeof === REACT_LAZY_TYPE ||
           type.$$typeof === REACT_MEMO_TYPE ||
           type.$$typeof === REACT_CONTEXT_TYPE ||
-          !enableRenderableContext ||
-          type.$$typeof === REACT_CONSUMER_TYPE ||
+          (!enableRenderableContext && type.$$typeof === REACT_PROVIDER_TYPE) ||
+          (enableRenderableContext && type.$$typeof === REACT_CONSUMER_TYPE) ||
           type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
           // types supported by any Flight configuration anywhere since
           // we don't know which Flight build this will end up being used
@@ -118,13 +118,17 @@ if (__DEV__) {
                   case REACT_MEMO_TYPE:
                     return $$typeofType;
 
-                  case REACT_CONSUMER_TYPE: {
-                    return $$typeofType;
-                  }
+                  case REACT_CONSUMER_TYPE:
+                    if (enableRenderableContext) {
+                      return $$typeofType;
+                    }
 
                   // Fall through
 
                   case REACT_PROVIDER_TYPE:
+                    if (!enableRenderableContext) {
+                      return $$typeofType;
+                    }
 
                   // Fall through
 
@@ -140,8 +144,12 @@ if (__DEV__) {
 
       return undefined;
     }
-    var ContextConsumer = REACT_CONSUMER_TYPE;
-    var ContextProvider = REACT_CONTEXT_TYPE;
+    var ContextConsumer = enableRenderableContext
+      ? REACT_CONSUMER_TYPE
+      : REACT_CONTEXT_TYPE;
+    var ContextProvider = enableRenderableContext
+      ? REACT_CONTEXT_TYPE
+      : REACT_PROVIDER_TYPE;
     var Element = REACT_ELEMENT_TYPE;
     var ForwardRef = REACT_FORWARD_REF_TYPE;
     var Fragment = REACT_FRAGMENT_TYPE;
@@ -153,13 +161,17 @@ if (__DEV__) {
     var Suspense = REACT_SUSPENSE_TYPE;
     var SuspenseList = REACT_SUSPENSE_LIST_TYPE;
     function isContextConsumer(object) {
-      {
+      if (enableRenderableContext) {
         return typeOf(object) === REACT_CONSUMER_TYPE;
+      } else {
+        return typeOf(object) === REACT_CONTEXT_TYPE;
       }
     }
     function isContextProvider(object) {
-      {
+      if (enableRenderableContext) {
         return typeOf(object) === REACT_CONTEXT_TYPE;
+      } else {
+        return typeOf(object) === REACT_PROVIDER_TYPE;
       }
     }
     function isElement(object) {

compiled/facebook-www/ReactIs-dev.modern.js

@@ -45,9 +45,9 @@ if (__DEV__) {
     var dynamicFeatureFlags = require("ReactFeatureFlags");
 
     var enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
-      enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing;
+      enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
+      enableRenderableContext = dynamicFeatureFlags.enableRenderableContext;
     // On WWW, true is used for a new modern build.
-    var enableRenderableContext = true;
 
     var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
     function isValidElementType(type) {
@@ -76,8 +76,8 @@ if (__DEV__) {
           type.$$typeof === REACT_LAZY_TYPE ||
           type.$$typeof === REACT_MEMO_TYPE ||
           type.$$typeof === REACT_CONTEXT_TYPE ||
-          !enableRenderableContext ||
-          type.$$typeof === REACT_CONSUMER_TYPE ||
+          (!enableRenderableContext && type.$$typeof === REACT_PROVIDER_TYPE) ||
+          (enableRenderableContext && type.$$typeof === REACT_CONSUMER_TYPE) ||
           type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
           // types supported by any Flight configuration anywhere since
           // we don't know which Flight build this will end up being used
@@ -118,13 +118,17 @@ if (__DEV__) {
                   case REACT_MEMO_TYPE:
                     return $$typeofType;
 
-                  case REACT_CONSUMER_TYPE: {
-                    return $$typeofType;
-                  }
+                  case REACT_CONSUMER_TYPE:
+                    if (enableRenderableContext) {
+                      return $$typeofType;
+                    }
 
                   // Fall through
 
                   case REACT_PROVIDER_TYPE:
+                    if (!enableRenderableContext) {
+                      return $$typeofType;
+                    }
 
                   // Fall through
 
@@ -140,8 +144,12 @@ if (__DEV__) {
 
       return undefined;
     }
-    var ContextConsumer = REACT_CONSUMER_TYPE;
-    var ContextProvider = REACT_CONTEXT_TYPE;
+    var ContextConsumer = enableRenderableContext
+      ? REACT_CONSUMER_TYPE
+      : REACT_CONTEXT_TYPE;
+    var ContextProvider = enableRenderableContext
+      ? REACT_CONTEXT_TYPE
+      : REACT_PROVIDER_TYPE;
     var Element = REACT_ELEMENT_TYPE;
     var ForwardRef = REACT_FORWARD_REF_TYPE;
     var Fragment = REACT_FRAGMENT_TYPE;
@@ -153,13 +161,17 @@ if (__DEV__) {
     var Suspense = REACT_SUSPENSE_TYPE;
     var SuspenseList = REACT_SUSPENSE_LIST_TYPE;
     function isContextConsumer(object) {
-      {
+      if (enableRenderableContext) {
         return typeOf(object) === REACT_CONSUMER_TYPE;
+      } else {
+        return typeOf(object) === REACT_CONTEXT_TYPE;
       }
     }
     function isContextProvider(object) {
-      {
+      if (enableRenderableContext) {
         return typeOf(object) === REACT_CONTEXT_TYPE;
+      } else {
+        return typeOf(object) === REACT_PROVIDER_TYPE;
       }
     }
     function isElement(object) {

compiled/facebook-www/ReactIs-prod.classic.js

@@ -15,9 +15,9 @@ var REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   REACT_PORTAL_TYPE = Symbol.for("react.portal"),
   REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
   REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
-  REACT_PROFILER_TYPE = Symbol.for("react.profiler");
-Symbol.for("react.provider");
-var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
+  REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
+  REACT_PROVIDER_TYPE = Symbol.for("react.provider"),
+  REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
   REACT_CONTEXT_TYPE = Symbol.for("react.context"),
   REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
   REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
@@ -33,6 +33,7 @@ var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
   dynamicFeatureFlags = require("ReactFeatureFlags"),
   enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
   enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
+  enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
   REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
 function typeOf(object) {
   if ("object" === typeof object && null !== object) {
@@ -54,7 +55,9 @@ function typeOf(object) {
               case REACT_MEMO_TYPE:
                 return object;
               case REACT_CONSUMER_TYPE:
-                return object;
+                if (enableRenderableContext) return object;
+              case REACT_PROVIDER_TYPE:
+                if (!enableRenderableContext) return object;
               default:
                 return $$typeof;
             }
@@ -64,8 +67,13 @@ function typeOf(object) {
     }
   }
 }
-exports.ContextConsumer = REACT_CONSUMER_TYPE;
-exports.ContextProvider = REACT_CONTEXT_TYPE;
+var ContextProvider = enableRenderableContext
+  ? REACT_CONTEXT_TYPE
+  : REACT_PROVIDER_TYPE;
+exports.ContextConsumer = enableRenderableContext
+  ? REACT_CONSUMER_TYPE
+  : REACT_CONTEXT_TYPE;
+exports.ContextProvider = ContextProvider;
 exports.Element = REACT_ELEMENT_TYPE;
 exports.ForwardRef = REACT_FORWARD_REF_TYPE;
 exports.Fragment = REACT_FRAGMENT_TYPE;
@@ -77,10 +85,14 @@ exports.StrictMode = REACT_STRICT_MODE_TYPE;
 exports.Suspense = REACT_SUSPENSE_TYPE;
 exports.SuspenseList = REACT_SUSPENSE_LIST_TYPE;
 exports.isContextConsumer = function (object) {
-  return typeOf(object) === REACT_CONSUMER_TYPE;
+  return enableRenderableContext
+    ? typeOf(object) === REACT_CONSUMER_TYPE
+    : typeOf(object) === REACT_CONTEXT_TYPE;
 };
 exports.isContextProvider = function (object) {
-  return typeOf(object) === REACT_CONTEXT_TYPE;
+  return enableRenderableContext
+    ? typeOf(object) === REACT_CONTEXT_TYPE
+    : typeOf(object) === REACT_PROVIDER_TYPE;
 };
 exports.isElement = function (object) {
   return (
@@ -135,7 +147,8 @@ exports.isValidElementType = function (type) {
       (type.$$typeof === REACT_LAZY_TYPE ||
         type.$$typeof === REACT_MEMO_TYPE ||
         type.$$typeof === REACT_CONTEXT_TYPE ||
-        type.$$typeof === REACT_CONSUMER_TYPE ||
+        (!enableRenderableContext && type.$$typeof === REACT_PROVIDER_TYPE) ||
+        (enableRenderableContext && type.$$typeof === REACT_CONSUMER_TYPE) ||
         type.$$typeof === REACT_FORWARD_REF_TYPE ||
         type.$$typeof === REACT_CLIENT_REFERENCE ||
         void 0 !== type.getModuleId))

compiled/facebook-www/ReactIs-prod.modern.js

@@ -15,9 +15,9 @@ var REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   REACT_PORTAL_TYPE = Symbol.for("react.portal"),
   REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
   REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
-  REACT_PROFILER_TYPE = Symbol.for("react.profiler");
-Symbol.for("react.provider");
-var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
+  REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
+  REACT_PROVIDER_TYPE = Symbol.for("react.provider"),
+  REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
   REACT_CONTEXT_TYPE = Symbol.for("react.context"),
   REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
   REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
@@ -33,6 +33,7 @@ var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
   dynamicFeatureFlags = require("ReactFeatureFlags"),
   enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
   enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
+  enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
   REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
 function typeOf(object) {
   if ("object" === typeof object && null !== object) {
@@ -54,7 +55,9 @@ function typeOf(object) {
               case REACT_MEMO_TYPE:
                 return object;
               case REACT_CONSUMER_TYPE:
-                return object;
+                if (enableRenderableContext) return object;
+              case REACT_PROVIDER_TYPE:
+                if (!enableRenderableContext) return object;
               default:
                 return $$typeof;
             }
@@ -64,8 +67,13 @@ function typeOf(object) {
     }
   }
 }
-exports.ContextConsumer = REACT_CONSUMER_TYPE;
-exports.ContextProvider = REACT_CONTEXT_TYPE;
+var ContextProvider = enableRenderableContext
+  ? REACT_CONTEXT_TYPE
+  : REACT_PROVIDER_TYPE;
+exports.ContextConsumer = enableRenderableContext
+  ? REACT_CONSUMER_TYPE
+  : REACT_CONTEXT_TYPE;
+exports.ContextProvider = ContextProvider;
 exports.Element = REACT_ELEMENT_TYPE;
 exports.ForwardRef = REACT_FORWARD_REF_TYPE;
 exports.Fragment = REACT_FRAGMENT_TYPE;
@@ -77,10 +85,14 @@ exports.StrictMode = REACT_STRICT_MODE_TYPE;
 exports.Suspense = REACT_SUSPENSE_TYPE;
 exports.SuspenseList = REACT_SUSPENSE_LIST_TYPE;
 exports.isContextConsumer = function (object) {
-  return typeOf(object) === REACT_CONSUMER_TYPE;
+  return enableRenderableContext
+    ? typeOf(object) === REACT_CONSUMER_TYPE
+    : typeOf(object) === REACT_CONTEXT_TYPE;
 };
 exports.isContextProvider = function (object) {
-  return typeOf(object) === REACT_CONTEXT_TYPE;
+  return enableRenderableContext
+    ? typeOf(object) === REACT_CONTEXT_TYPE
+    : typeOf(object) === REACT_PROVIDER_TYPE;
 };
 exports.isElement = function (object) {
   return (
@@ -135,7 +147,8 @@ exports.isValidElementType = function (type) {
       (type.$$typeof === REACT_LAZY_TYPE ||
         type.$$typeof === REACT_MEMO_TYPE ||
         type.$$typeof === REACT_CONTEXT_TYPE ||
-        type.$$typeof === REACT_CONSUMER_TYPE ||
+        (!enableRenderableContext && type.$$typeof === REACT_PROVIDER_TYPE) ||
+        (enableRenderableContext && type.$$typeof === REACT_CONSUMER_TYPE) ||
         type.$$typeof === REACT_FORWARD_REF_TYPE ||
         type.$$typeof === REACT_CLIENT_REFERENCE ||
         void 0 !== type.getModuleId))

compiled/facebook-www/ReactServer-dev.modern.js

@@ -84,9 +84,9 @@ if (__DEV__) {
 
     var enableDebugTracing = dynamicFeatureFlags.enableDebugTracing,
       enableTransitionTracing = dynamicFeatureFlags.enableTransitionTracing,
+      enableRenderableContext = dynamicFeatureFlags.enableRenderableContext,
       enableRefAsProp = dynamicFeatureFlags.enableRefAsProp;
     // On WWW, true is used for a new modern build.
-    var enableRenderableContext = true;
 
     /**
      * Keeps track of the current Cache dispatcher.
@@ -360,21 +360,30 @@ if (__DEV__) {
         }
 
         switch (type.$$typeof) {
-          case REACT_PROVIDER_TYPE: {
-            return null;
-          }
+          case REACT_PROVIDER_TYPE:
+            if (enableRenderableContext) {
+              return null;
+            } else {
+              var provider = type;
+              return getContextName(provider._context) + ".Provider";
+            }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
-            {
+            if (enableRenderableContext) {
               return getContextName(context) + ".Provider";
+            } else {
+              return getContextName(context) + ".Consumer";
             }
 
-          case REACT_CONSUMER_TYPE: {
-            var consumer = type;
-            return getContextName(consumer._context) + ".Consumer";
-          }
+          case REACT_CONSUMER_TYPE:
+            if (enableRenderableContext) {
+              var consumer = type;
+              return getContextName(consumer._context) + ".Consumer";
+            } else {
+              return null;
+            }
 
           case REACT_FORWARD_REF_TYPE:
             return getWrappedName(type, type.render, "ForwardRef");
@@ -435,8 +444,8 @@ if (__DEV__) {
           type.$$typeof === REACT_LAZY_TYPE ||
           type.$$typeof === REACT_MEMO_TYPE ||
           type.$$typeof === REACT_CONTEXT_TYPE ||
-          !enableRenderableContext ||
-          type.$$typeof === REACT_CONSUMER_TYPE ||
+          (!enableRenderableContext && type.$$typeof === REACT_PROVIDER_TYPE) ||
+          (enableRenderableContext && type.$$typeof === REACT_CONSUMER_TYPE) ||
           type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
           // types supported by any Flight configuration anywhere since
           // we don't know which Flight build this will end up being used
@@ -2800,7 +2809,7 @@ if (__DEV__) {
             console["error"](error);
           };
 
-    var ReactVersion = "18.3.0-www-modern-6846d4a2";
+    var ReactVersion = "18.3.0-www-modern-6b351b63";
 
     // Patch fetch
     var Children = {

compiled/facebook-www/ReactTestRenderer-dev.classic.js

@@ -294,19 +294,19 @@ if (__DEV__) {
 
         switch (type.$$typeof) {
           case REACT_PROVIDER_TYPE: {
-            return null;
+            var provider = type;
+            return getContextName$1(provider._context) + ".Provider";
           }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
             {
-              return getContextName$1(context) + ".Provider";
+              return getContextName$1(context) + ".Consumer";
             }
 
           case REACT_CONSUMER_TYPE: {
-            var consumer = type;
-            return getContextName$1(consumer._context) + ".Consumer";
+            return null;
           }
 
           case REACT_FORWARD_REF_TYPE:
@@ -361,13 +361,13 @@ if (__DEV__) {
           return "Cache";
 
         case ContextConsumer: {
-          var consumer = type;
-          return getContextName(consumer._context) + ".Consumer";
+          var context = type;
+          return getContextName(context) + ".Consumer";
         }
 
         case ContextProvider: {
-          var _context = type;
-          return getContextName(_context) + ".Provider";
+          var provider = type;
+          return getContextName(provider._context) + ".Provider";
         }
 
         case DehydratedFragment:
@@ -15466,7 +15466,7 @@ if (__DEV__) {
       var context;
 
       {
-        context = workInProgress.type;
+        context = workInProgress.type._context;
       }
 
       var newProps = workInProgress.pendingProps;
@@ -15520,8 +15520,13 @@ if (__DEV__) {
       var context;
 
       {
-        var consumerType = workInProgress.type;
-        context = consumerType._context;
+        context = workInProgress.type;
+
+        {
+          if (context._context !== undefined) {
+            context = context._context;
+          }
+        }
       }
 
       var newProps = workInProgress.pendingProps;
@@ -15731,7 +15736,7 @@ if (__DEV__) {
           var context;
 
           {
-            context = workInProgress.type;
+            context = workInProgress.type._context;
           }
 
           pushProvider(workInProgress, context, newValue);
@@ -16819,7 +16824,7 @@ if (__DEV__) {
     }
 
     function collectNearestContextValues(node, context, childContextValues) {
-      if (node.tag === ContextProvider && node.type === context) {
+      if (node.tag === ContextProvider && node.type._context === context) {
         var contextValue = node.memoizedProps.value;
         childContextValues.push(contextValue);
       } else {
@@ -17646,7 +17651,7 @@ if (__DEV__) {
           var context;
 
           {
-            context = workInProgress.type;
+            context = workInProgress.type._context;
           }
 
           popProvider(context, workInProgress);
@@ -18113,7 +18118,7 @@ if (__DEV__) {
           var context;
 
           {
-            context = workInProgress.type;
+            context = workInProgress.type._context;
           }
 
           popProvider(context, workInProgress);
@@ -18198,7 +18203,7 @@ if (__DEV__) {
           var context;
 
           {
-            context = interruptedWork.type;
+            context = interruptedWork.type._context;
           }
 
           popProvider(context, interruptedWork);
@@ -25772,20 +25777,20 @@ if (__DEV__) {
           default: {
             if (typeof type === "object" && type !== null) {
               switch (type.$$typeof) {
-                case REACT_PROVIDER_TYPE:
-
-                // Fall through
-
-                case REACT_CONTEXT_TYPE: {
+                case REACT_PROVIDER_TYPE: {
                   fiberTag = ContextProvider;
                   break getTag;
                 }
 
-                case REACT_CONSUMER_TYPE: {
+                // Fall through
+
+                case REACT_CONTEXT_TYPE: {
                   fiberTag = ContextConsumer;
                   break getTag;
                 }
 
+                case REACT_CONSUMER_TYPE:
+
                 // Fall through
 
                 case REACT_FORWARD_REF_TYPE:
@@ -26099,7 +26104,7 @@ if (__DEV__) {
       return root;
     }
 
-    var ReactVersion = "18.3.0-www-classic-b441c74f";
+    var ReactVersion = "18.3.0-www-classic-65564181";
 
     // Might add PROFILE later.
 

compiled/facebook-www/ReactTestRenderer-dev.modern.js

@@ -294,19 +294,19 @@ if (__DEV__) {
 
         switch (type.$$typeof) {
           case REACT_PROVIDER_TYPE: {
-            return null;
+            var provider = type;
+            return getContextName$1(provider._context) + ".Provider";
           }
 
           case REACT_CONTEXT_TYPE:
             var context = type;
 
             {
-              return getContextName$1(context) + ".Provider";
+              return getContextName$1(context) + ".Consumer";
             }
 
           case REACT_CONSUMER_TYPE: {
-            var consumer = type;
-            return getContextName$1(consumer._context) + ".Consumer";
+            return null;
           }
 
           case REACT_FORWARD_REF_TYPE:
@@ -361,13 +361,13 @@ if (__DEV__) {
           return "Cache";
 
         case ContextConsumer: {
-          var consumer = type;
-          return getContextName(consumer._context) + ".Consumer";
+          var context = type;
+          return getContextName(context) + ".Consumer";
         }
 
         case ContextProvider: {
-          var _context = type;
-          return getContextName(_context) + ".Provider";
+          var provider = type;
+          return getContextName(provider._context) + ".Provider";
         }
 
         case DehydratedFragment:
@@ -15466,7 +15466,7 @@ if (__DEV__) {
       var context;
 
       {
-        context = workInProgress.type;
+        context = workInProgress.type._context;
       }
 
       var newProps = workInProgress.pendingProps;
@@ -15520,8 +15520,13 @@ if (__DEV__) {
       var context;
 
       {
-        var consumerType = workInProgress.type;
-        context = consumerType._context;
+        context = workInProgress.type;
+
+        {
+          if (context._context !== undefined) {
+            context = context._context;
+          }
+        }
       }
 
       var newProps = workInProgress.pendingProps;
@@ -15731,7 +15736,7 @@ if (__DEV__) {
           var context;
 
           {
-            context = workInProgress.type;
+            context = workInProgress.type._context;
           }
 
           pushProvider(workInProgress, context, newValue);
@@ -16819,7 +16824,7 @@ if (__DEV__) {
     }
 
     function collectNearestContextValues(node, context, childContextValues) {
-      if (node.tag === ContextProvider && node.type === context) {
+      if (node.tag === ContextProvider && node.type._context === context) {
         var contextValue = node.memoizedProps.value;
         childContextValues.push(contextValue);
       } else {
@@ -17646,7 +17651,7 @@ if (__DEV__) {
           var context;
 
           {
-            context = workInProgress.type;
+            context = workInProgress.type._context;
           }
 
           popProvider(context, workInProgress);
@@ -18113,7 +18118,7 @@ if (__DEV__) {
           var context;
 
           {
-            context = workInProgress.type;
+            context = workInProgress.type._context;
           }
 
           popProvider(context, workInProgress);
@@ -18198,7 +18203,7 @@ if (__DEV__) {
           var context;
 
           {
-            context = interruptedWork.type;
+            context = interruptedWork.type._context;
           }
 
           popProvider(context, interruptedWork);
@@ -25772,20 +25777,20 @@ if (__DEV__) {
           default: {
             if (typeof type === "object" && type !== null) {
               switch (type.$$typeof) {
-                case REACT_PROVIDER_TYPE:
-
-                // Fall through
-
-                case REACT_CONTEXT_TYPE: {
+                case REACT_PROVIDER_TYPE: {
                   fiberTag = ContextProvider;
                   break getTag;
                 }
 
-                case REACT_CONSUMER_TYPE: {
+                // Fall through
+
+                case REACT_CONTEXT_TYPE: {
                   fiberTag = ContextConsumer;
                   break getTag;
                 }
 
+                case REACT_CONSUMER_TYPE:
+
                 // Fall through
 
                 case REACT_FORWARD_REF_TYPE:
@@ -26099,7 +26104,7 @@ if (__DEV__) {
       return root;
     }
 
-    var ReactVersion = "18.3.0-www-modern-bcdfc2da";
+    var ReactVersion = "18.3.0-www-modern-74d1d353";
 
     // Might add PROFILE later.