react-server-dom-webpack 18.3.0-next-ee8509801-20230117 → 18.3.0-next-8b9ac8175-20230131

package/cjs/react-server-dom-webpack-client.development.js

@@ -34,7 +34,7 @@ function parseModel(response, json) {
 }
 
 // eslint-disable-next-line no-unused-vars
-function resolveModuleReference(bundlerConfig, moduleData) {
+function resolveClientReference(bundlerConfig, moduleData) {
   if (bundlerConfig) {
     var resolvedModuleData = bundlerConfig[moduleData.id][moduleData.name];
 
@@ -636,7 +636,7 @@ function resolveModule(response, id, model) {
   var chunks = response._chunks;
   var chunk = chunks.get(id);
   var moduleMetaData = parseModel(response, model);
-  var moduleReference = resolveModuleReference(response._bundlerConfig, moduleMetaData); // TODO: Add an option to encode modules that are lazy loaded.
+  var moduleReference = resolveClientReference(response._bundlerConfig, moduleMetaData); // TODO: Add an option to encode modules that are lazy loaded.
   // For now we preload all modules as early as possible since it's likely
   // that we'll need them.
 

package/cjs/react-server-dom-webpack-node-register.js

@@ -17,8 +17,70 @@ var url = require('url');
 var Module = require('module');
 
 module.exports = function register() {
-  var MODULE_REFERENCE = Symbol.for('react.module.reference');
+  var CLIENT_REFERENCE = Symbol.for('react.client.reference');
   var PROMISE_PROTOTYPE = Promise.prototype;
+  var deepProxyHandlers = {
+    get: function (target, name, receiver) {
+      switch (name) {
+        // These names are read by the Flight runtime if you end up using the exports object.
+        case '$$typeof':
+          // These names are a little too common. We should probably have a way to
+          // have the Flight runtime extract the inner target instead.
+          return target.$$typeof;
+
+        case 'filepath':
+          return target.filepath;
+
+        case 'name':
+          return target.name;
+
+        case 'async':
+          return target.async;
+        // We need to special case this because createElement reads it if we pass this
+        // reference.
+
+        case 'defaultProps':
+          return undefined;
+
+        case 'getDefaultProps':
+          return undefined;
+        // Avoid this attempting to be serialized.
+
+        case 'toJSON':
+          return undefined;
+
+        case Symbol.toPrimitive:
+          // $FlowFixMe[prop-missing]
+          return Object.prototype[Symbol.toPrimitive];
+
+        case 'Provider':
+          throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
+      }
+
+      var expression;
+
+      switch (target.name) {
+        case '':
+          // eslint-disable-next-line react-internal/safe-string-coercion
+          expression = String(name);
+          break;
+
+        case '*':
+          // eslint-disable-next-line react-internal/safe-string-coercion
+          expression = String(name);
+          break;
+
+        default:
+          // eslint-disable-next-line react-internal/safe-string-coercion
+          expression = String(target.name) + '.' + String(name);
+      }
+
+      throw new Error("Cannot access " + expression + " on the server. " + 'You cannot dot into a client module from a server component. ' + 'You can only pass the imported name through.');
+    },
+    set: function () {
+      throw new Error('Cannot assign to a client module from a server module.');
+    }
+  };
   var proxyHandlers = {
     get: function (target, name, receiver) {
       switch (name) {
@@ -42,44 +104,100 @@ module.exports = function register() {
         case 'defaultProps':
           return undefined;
 
+        case 'getDefaultProps':
+          return undefined;
+        // Avoid this attempting to be serialized.
+
+        case 'toJSON':
+          return undefined;
+
+        case Symbol.toPrimitive:
+          // $FlowFixMe[prop-missing]
+          return Object.prototype[Symbol.toPrimitive];
+
         case '__esModule':
           // Something is conditionally checking which export to use. We'll pretend to be
           // an ESM compat module but then we'll check again on the client.
-          target.default = {
-            $$typeof: MODULE_REFERENCE,
-            filepath: target.filepath,
+          var moduleId = target.filepath;
+          target.default = Object.defineProperties(function () {
+            throw new Error("Attempted to call the default export of " + moduleId + " from the server" + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a" + "Client Component.");
+          }, {
             // This a placeholder value that tells the client to conditionally use the
             // whole object or just the default export.
-            name: '',
-            async: target.async
-          };
+            name: {
+              value: ''
+            },
+            $$typeof: {
+              value: CLIENT_REFERENCE
+            },
+            filepath: {
+              value: target.filepath
+            },
+            async: {
+              value: target.async
+            }
+          });
           return true;
 
         case 'then':
+          if (target.then) {
+            // Use a cached value
+            return target.then;
+          }
+
           if (!target.async) {
             // If this module is expected to return a Promise (such as an AsyncModule) then
             // we should resolve that with a client reference that unwraps the Promise on
             // the client.
-            // $FlowFixMe[missing-local-annot]
-            var then = function then(resolve, reject) {
-              var moduleReference = {
-                $$typeof: MODULE_REFERENCE,
-                filepath: target.filepath,
-                name: '*',
-                // Represents the whole object instead of a particular import.
-                async: true
-              };
-              return Promise.resolve( // $FlowFixMe[incompatible-call] found when upgrading Flow
-              resolve(new Proxy(moduleReference, proxyHandlers)));
-            }; // If this is not used as a Promise but is treated as a reference to a `.then`
-            // export then we should treat it as a reference to that name.
-
+            var innerModuleId = target.filepath;
+            var clientReference = Object.defineProperties(function () {
+              throw new Error("Attempted to call the module exports of " + innerModuleId + " from the server" + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a" + "Client Component.");
+            }, {
+              // Represents the whole object instead of a particular import.
+              name: {
+                value: '*'
+              },
+              $$typeof: {
+                value: CLIENT_REFERENCE
+              },
+              filepath: {
+                value: target.filepath
+              },
+              async: {
+                value: true
+              }
+            });
+            var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
 
-            then.$$typeof = MODULE_REFERENCE;
-            then.filepath = target.filepath; // then.name is conveniently already "then" which is the export name we need.
-            // This will break if it's minified though.
+            target.status = 'fulfilled';
+            target.value = proxy; // $FlowFixMe[missing-local-annot]
 
+            var then = target.then = Object.defineProperties(function then(resolve, reject) {
+              // Expose to React.
+              return Promise.resolve( // $FlowFixMe[incompatible-call] found when upgrading Flow
+              resolve(proxy));
+            }, // If this is not used as a Promise but is treated as a reference to a `.then`
+            // export then we should treat it as a reference to that name.
+            {
+              name: {
+                value: 'then'
+              },
+              $$typeof: {
+                value: CLIENT_REFERENCE
+              },
+              filepath: {
+                value: target.filepath
+              },
+              async: {
+                value: false
+              }
+            });
             return then;
+          } else {
+            // Since typeof .then === 'function' is a feature test we'd continue recursing
+            // indefinitely if we return a function. Instead, we return an object reference
+            // if we check further.
+            return undefined;
           }
 
       }
@@ -87,12 +205,24 @@ module.exports = function register() {
       var cachedReference = target[name];
 
       if (!cachedReference) {
-        cachedReference = target[name] = {
-          $$typeof: MODULE_REFERENCE,
-          filepath: target.filepath,
-          name: name,
-          async: target.async
-        };
+        var reference = Object.defineProperties(function () {
+          throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+          "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+        }, {
+          name: {
+            value: name
+          },
+          $$typeof: {
+            value: CLIENT_REFERENCE
+          },
+          filepath: {
+            value: target.filepath
+          },
+          async: {
+            value: target.async
+          }
+        });
+        cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
       }
 
       return cachedReference;
@@ -108,15 +238,25 @@ module.exports = function register() {
 
   Module._extensions['.client.js'] = function (module, path) {
     var moduleId = url.pathToFileURL(path).href;
-    var moduleReference = {
-      $$typeof: MODULE_REFERENCE,
-      filepath: moduleId,
-      name: '*',
+    var clientReference = Object.defineProperties(function () {
+      throw new Error("Attempted to call the module exports of " + moduleId + " from the server" + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a" + "Client Component.");
+    }, {
       // Represents the whole object instead of a particular import.
-      async: false
-    }; // $FlowFixMe[incompatible-call] found when upgrading Flow
+      name: {
+        value: '*'
+      },
+      $$typeof: {
+        value: CLIENT_REFERENCE
+      },
+      filepath: {
+        value: moduleId
+      },
+      async: {
+        value: false
+      }
+    }); // $FlowFixMe[incompatible-call] found when upgrading Flow
 
-    module.exports = new Proxy(moduleReference, proxyHandlers);
+    module.exports = new Proxy(clientReference, proxyHandlers);
   }; // $FlowFixMe[prop-missing] found when upgrading Flow
 
 

package/cjs/react-server-dom-webpack-server.browser.development.js

@@ -220,17 +220,17 @@ function processSymbolChunk(request, id, name) {
 }
 
 // eslint-disable-next-line no-unused-vars
-var MODULE_TAG = Symbol.for('react.module.reference');
-function getModuleKey(reference) {
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+function getClientReferenceKey(reference) {
   return reference.filepath + '#' + reference.name + (reference.async ? '#async' : '');
 }
-function isModuleReference(reference) {
-  return reference.$$typeof === MODULE_TAG;
+function isClientReference(reference) {
+  return reference.$$typeof === CLIENT_REFERENCE_TAG;
 }
-function resolveModuleMetaData(config, moduleReference) {
-  var resolvedModuleData = config[moduleReference.filepath][moduleReference.name];
+function resolveModuleMetaData(config, clientReference) {
+  var resolvedModuleData = config[clientReference.filepath][clientReference.name];
 
-  if (moduleReference.async) {
+  if (clientReference.async) {
     return {
       id: resolvedModuleData.id,
       chunks: resolvedModuleData.chunks,
@@ -1005,7 +1005,11 @@ function getThenableStateAfterSuspending() {
 function readContext$1(context) {
   {
     if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
-      error('Only createServerContext is supported in Server Components.');
+      if (isClientReference(context)) {
+        error('Cannot read a Client Context from a Server Component.');
+      } else {
+        error('Only createServerContext is supported in Server Components.');
+      }
     }
 
     if (currentRequest === null) {
@@ -1072,7 +1076,7 @@ function useId() {
 }
 
 function use(usable) {
-  if (usable !== null && typeof usable === 'object') {
+  if (usable !== null && typeof usable === 'object' || typeof usable === 'function') {
     // $FlowFixMe[method-unbinding]
     if (typeof usable.then === 'function') {
       // This is a thenable.
@@ -1090,6 +1094,12 @@ function use(usable) {
       var context = usable;
       return readContext$1(context);
     }
+  }
+
+  {
+    if (isClientReference(usable)) {
+      error('Cannot use() an already resolved Client Reference.');
+    }
   } // eslint-disable-next-line react-internal/safe-string-coercion
 
 
@@ -1294,7 +1304,7 @@ function attemptResolveElement(type, key, ref, props, prevThenableState) {
   }
 
   if (typeof type === 'function') {
-    if (isModuleReference(type)) {
+    if (isClientReference(type)) {
       // This is a reference to a Client Component.
       return [REACT_ELEMENT_TYPE, type, key, props];
     } // This is a server-side component.
@@ -1324,7 +1334,7 @@ function attemptResolveElement(type, key, ref, props, prevThenableState) {
 
     return [REACT_ELEMENT_TYPE, type, key, props];
   } else if (type != null && typeof type === 'object') {
-    if (isModuleReference(type)) {
+    if (isClientReference(type)) {
       // This is a reference to a Client Component.
       return [REACT_ELEMENT_TYPE, type, key, props];
     }
@@ -1416,8 +1426,8 @@ function serializeByRefID(id) {
   return '@' + id.toString(16);
 }
 
-function serializeModuleReference(request, parent, key, moduleReference) {
-  var moduleKey = getModuleKey(moduleReference);
+function serializeClientReference(request, parent, key, moduleReference) {
+  var moduleKey = getClientReferenceKey(moduleReference);
   var writtenModules = request.writtenModules;
   var existingId = writtenModules.get(moduleKey);
 
@@ -1895,8 +1905,8 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
-    if (isModuleReference(value)) {
-      return serializeModuleReference(request, parent, key, value);
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, key, value);
     } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
       var providerKey = value._context._globalName;
       var writtenProviders = request.writtenProviders;
@@ -1951,8 +1961,8 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
-    if (isModuleReference(value)) {
-      return serializeModuleReference(request, parent, key, value);
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, key, value);
     }
 
     if (/^on[A-Z]/.test(key)) {

package/cjs/react-server-dom-webpack-server.browser.production.min.js

@@ -8,7 +8,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 'use strict';var ea=require("react");var e="function"===typeof AsyncLocalStorage,fa=e?new AsyncLocalStorage:null,m=null,n=0;function p(a,b){if(0!==b.length)if(512<b.length)0<n&&(a.enqueue(new Uint8Array(m.buffer,0,n)),m=new Uint8Array(512),n=0),a.enqueue(b);else{var d=m.length-n;d<b.length&&(0===d?a.enqueue(m):(m.set(b.subarray(0,d),n),a.enqueue(m),b=b.subarray(d)),m=new Uint8Array(512),n=0);m.set(b,n);n+=b.length}return!0}var q=new TextEncoder;
-function r(a){return q.encode(a)}function ha(a,b){"function"===typeof a.error?a.error(b):a.close()}var t=JSON.stringify,u=Symbol.for("react.module.reference"),v=Symbol.for("react.element"),ia=Symbol.for("react.fragment"),ja=Symbol.for("react.provider"),ka=Symbol.for("react.server_context"),la=Symbol.for("react.forward_ref"),ma=Symbol.for("react.suspense"),na=Symbol.for("react.suspense_list"),oa=Symbol.for("react.memo"),w=Symbol.for("react.lazy"),pa=Symbol.for("react.default_value"),qa=Symbol.for("react.memo_cache_sentinel");
+function r(a){return q.encode(a)}function ha(a,b){"function"===typeof a.error?a.error(b):a.close()}var t=JSON.stringify,u=Symbol.for("react.client.reference"),v=Symbol.for("react.element"),ia=Symbol.for("react.fragment"),ja=Symbol.for("react.provider"),ka=Symbol.for("react.server_context"),la=Symbol.for("react.forward_ref"),ma=Symbol.for("react.suspense"),na=Symbol.for("react.suspense_list"),oa=Symbol.for("react.memo"),w=Symbol.for("react.lazy"),pa=Symbol.for("react.default_value"),qa=Symbol.for("react.memo_cache_sentinel");
 function x(a,b,d,c,f,g,h){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=c;this.attributeNamespace=f;this.mustUseProperty=d;this.propertyName=a;this.type=b;this.sanitizeURL=g;this.removeEmptyString=h}"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(a){new x(a,0,!1,a,null,!1,!1)});
 [["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){new x(a[0],1,!1,a[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(a){new x(a,2,!1,a.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){new x(a,2,!1,a,null,!1,!1)});
 "allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(a){new x(a,3,!1,a.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(a){new x(a,3,!0,a,null,!1,!1)});["capture","download"].forEach(function(a){new x(a,4,!1,a,null,!1,!1)});
@@ -31,7 +31,7 @@ function ya(){}function za(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(ya,
 function Aa(){if(null===I)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=I;I=null;return a}var J=null,K=0,L=null;function Ba(){var a=L;L=null;return a}function Ca(a){return a._currentValue}
 var Ha={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:M,useTransition:M,readContext:Ca,useContext:Ca,useReducer:M,useRef:M,useState:M,useInsertionEffect:M,useLayoutEffect:M,useImperativeHandle:M,useEffect:M,useId:Da,useMutableSource:M,useSyncExternalStore:M,useCacheRefresh:function(){return Fa},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=qa;return b},use:Ga};
 function M(){throw Error("This Hook is not supported in Server Components.");}function Fa(){throw Error("Refreshing the cache is not supported in Server Components.");}function Da(){if(null===J)throw Error("useId can only be used while React is rendering");var a=J.identifierCount++;return":"+J.identifierPrefix+"S"+a.toString(32)+":"}
-function Ga(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then){var b=K;K+=1;null===L&&(L=[]);return za(L,a,b)}if(a.$$typeof===ka)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function N(){return(new AbortController).signal}function Ia(){if(O)return O;if(e){var a=fa.getStore();if(a)return a}return new Map}
+function Ga(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=K;K+=1;null===L&&(L=[]);return za(L,a,b)}if(a.$$typeof===ka)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function N(){return(new AbortController).signal}function Ia(){if(O)return O;if(e){var a=fa.getStore();if(a)return a}return new Map}
 var Ja={getCacheSignal:function(){var a=Ia(),b=a.get(N);void 0===b&&(b=N(),a.set(N,b));return b},getCacheForType:function(a){var b=Ia(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},O=null,P=ea.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Q=P.ContextRegistry,R=P.ReactCurrentDispatcher,S=P.ReactCurrentCache;function Ka(a){console.error(a)}
 function La(a,b,d,c,f){if(null!==S.current&&S.current!==Ja)throw Error("Currently React only supports one RSC renderer at a time.");S.current=Ja;var g=new Set,h=[],k={status:0,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,abortableTasks:g,pingedTasks:h,completedModuleChunks:[],completedJSONChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenModules:new Map,writtenProviders:new Map,identifierPrefix:f||"",identifierCount:1,onError:void 0===
 d?Ka:d,toJSON:function(a,b){return Ma(k,this,a,b)}};k.pendingChunks++;b=Na(c);a=Oa(k,a,b,g);h.push(a);return k}var Pa={};function Qa(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}

package/cjs/react-server-dom-webpack-server.node.development.js

@@ -112,9 +112,9 @@ function writeStringChunk(destination, stringChunk) {
 
   if (read < stringChunk.length) {
     writeToDestination(destination, currentView);
-    currentView = new Uint8Array(VIEW_SIZE); // $FlowFixMe[incompatible-call] found when upgrading Flow
-
-    writtenBytes = textEncoder.encodeInto(stringChunk.slice(read), currentView).written;
+    currentView = new Uint8Array(VIEW_SIZE);
+    writtenBytes = textEncoder.encodeInto(stringChunk.slice(read), // $FlowFixMe[incompatible-call] found when upgrading Flow
+    currentView).written;
   }
 
   if (writtenBytes === VIEW_SIZE) {
@@ -286,17 +286,17 @@ function processSymbolChunk(request, id, name) {
 }
 
 // eslint-disable-next-line no-unused-vars
-var MODULE_TAG = Symbol.for('react.module.reference');
-function getModuleKey(reference) {
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+function getClientReferenceKey(reference) {
   return reference.filepath + '#' + reference.name + (reference.async ? '#async' : '');
 }
-function isModuleReference(reference) {
-  return reference.$$typeof === MODULE_TAG;
+function isClientReference(reference) {
+  return reference.$$typeof === CLIENT_REFERENCE_TAG;
 }
-function resolveModuleMetaData(config, moduleReference) {
-  var resolvedModuleData = config[moduleReference.filepath][moduleReference.name];
+function resolveModuleMetaData(config, clientReference) {
+  var resolvedModuleData = config[clientReference.filepath][clientReference.name];
 
-  if (moduleReference.async) {
+  if (clientReference.async) {
     return {
       id: resolvedModuleData.id,
       chunks: resolvedModuleData.chunks,
@@ -1071,7 +1071,11 @@ function getThenableStateAfterSuspending() {
 function readContext$1(context) {
   {
     if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
-      error('Only createServerContext is supported in Server Components.');
+      if (isClientReference(context)) {
+        error('Cannot read a Client Context from a Server Component.');
+      } else {
+        error('Only createServerContext is supported in Server Components.');
+      }
     }
 
     if (currentRequest === null) {
@@ -1138,7 +1142,7 @@ function useId() {
 }
 
 function use(usable) {
-  if (usable !== null && typeof usable === 'object') {
+  if (usable !== null && typeof usable === 'object' || typeof usable === 'function') {
     // $FlowFixMe[method-unbinding]
     if (typeof usable.then === 'function') {
       // This is a thenable.
@@ -1156,6 +1160,12 @@ function use(usable) {
       var context = usable;
       return readContext$1(context);
     }
+  }
+
+  {
+    if (isClientReference(usable)) {
+      error('Cannot use() an already resolved Client Reference.');
+    }
   } // eslint-disable-next-line react-internal/safe-string-coercion
 
 
@@ -1360,7 +1370,7 @@ function attemptResolveElement(type, key, ref, props, prevThenableState) {
   }
 
   if (typeof type === 'function') {
-    if (isModuleReference(type)) {
+    if (isClientReference(type)) {
       // This is a reference to a Client Component.
       return [REACT_ELEMENT_TYPE, type, key, props];
     } // This is a server-side component.
@@ -1390,7 +1400,7 @@ function attemptResolveElement(type, key, ref, props, prevThenableState) {
 
     return [REACT_ELEMENT_TYPE, type, key, props];
   } else if (type != null && typeof type === 'object') {
-    if (isModuleReference(type)) {
+    if (isClientReference(type)) {
       // This is a reference to a Client Component.
       return [REACT_ELEMENT_TYPE, type, key, props];
     }
@@ -1482,8 +1492,8 @@ function serializeByRefID(id) {
   return '@' + id.toString(16);
 }
 
-function serializeModuleReference(request, parent, key, moduleReference) {
-  var moduleKey = getModuleKey(moduleReference);
+function serializeClientReference(request, parent, key, moduleReference) {
+  var moduleKey = getClientReferenceKey(moduleReference);
   var writtenModules = request.writtenModules;
   var existingId = writtenModules.get(moduleKey);
 
@@ -1961,8 +1971,8 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
-    if (isModuleReference(value)) {
-      return serializeModuleReference(request, parent, key, value);
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, key, value);
     } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
       var providerKey = value._context._globalName;
       var writtenProviders = request.writtenProviders;
@@ -2017,8 +2027,8 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
-    if (isModuleReference(value)) {
-      return serializeModuleReference(request, parent, key, value);
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, key, value);
     }
 
     if (/^on[A-Z]/.test(key)) {

package/cjs/react-server-dom-webpack-server.node.production.min.js

@@ -10,7 +10,7 @@
 'use strict';var da=require("util"),ea=require("async_hooks"),fa=require("react");var ha=new ea.AsyncLocalStorage,e=null,m=0,n=!0;function p(a,b){a=a.write(b);n=n&&a}
 function q(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<m&&(p(a,e.subarray(0,m)),e=new Uint8Array(2048),m=0),p(a,r.encode(b));else{var d=e;0<m&&(d=e.subarray(m));d=r.encodeInto(b,d);var c=d.read;m+=d.written;c<b.length&&(p(a,e),e=new Uint8Array(2048),m=r.encodeInto(b.slice(c),e).written);2048===m&&(p(a,e),e=new Uint8Array(2048),m=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<m&&(p(a,e.subarray(0,m)),e=new Uint8Array(2048),m=0),p(a,b)):(d=e.length-m,d<b.byteLength&&(0===d?p(a,
 e):(e.set(b.subarray(0,d),m),m+=d,p(a,e),b=b.subarray(d)),e=new Uint8Array(2048),m=0),e.set(b,m),m+=b.byteLength,2048===m&&(p(a,e),e=new Uint8Array(2048),m=0)));return n}var r=new da.TextEncoder;function t(a){return r.encode(a)}
-var u=JSON.stringify,v=Symbol.for("react.module.reference"),w=Symbol.for("react.element"),ia=Symbol.for("react.fragment"),ja=Symbol.for("react.provider"),ka=Symbol.for("react.server_context"),la=Symbol.for("react.forward_ref"),ma=Symbol.for("react.suspense"),na=Symbol.for("react.suspense_list"),oa=Symbol.for("react.memo"),x=Symbol.for("react.lazy"),pa=Symbol.for("react.default_value"),qa=Symbol.for("react.memo_cache_sentinel");
+var u=JSON.stringify,v=Symbol.for("react.client.reference"),w=Symbol.for("react.element"),ia=Symbol.for("react.fragment"),ja=Symbol.for("react.provider"),ka=Symbol.for("react.server_context"),la=Symbol.for("react.forward_ref"),ma=Symbol.for("react.suspense"),na=Symbol.for("react.suspense_list"),oa=Symbol.for("react.memo"),x=Symbol.for("react.lazy"),pa=Symbol.for("react.default_value"),qa=Symbol.for("react.memo_cache_sentinel");
 function z(a,b,d,c,f,g,h){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=c;this.attributeNamespace=f;this.mustUseProperty=d;this.propertyName=a;this.type=b;this.sanitizeURL=g;this.removeEmptyString=h}"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(a){new z(a,0,!1,a,null,!1,!1)});
 [["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){new z(a[0],1,!1,a[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(a){new z(a,2,!1,a.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){new z(a,2,!1,a,null,!1,!1)});
 "allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(a){new z(a,3,!1,a.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(a){new z(a,3,!0,a,null,!1,!1)});["capture","download"].forEach(function(a){new z(a,4,!1,a,null,!1,!1)});
@@ -33,7 +33,7 @@ function ya(){}function za(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(ya,
 function Aa(){if(null===J)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=J;J=null;return a}var K=null,L=0,M=null;function Ba(){var a=M;M=null;return a}function Ca(a){return a._currentValue}
 var Ha={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:N,useTransition:N,readContext:Ca,useContext:Ca,useReducer:N,useRef:N,useState:N,useInsertionEffect:N,useLayoutEffect:N,useImperativeHandle:N,useEffect:N,useId:Ea,useMutableSource:N,useSyncExternalStore:N,useCacheRefresh:function(){return Fa},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=qa;return b},use:Ga};
 function N(){throw Error("This Hook is not supported in Server Components.");}function Fa(){throw Error("Refreshing the cache is not supported in Server Components.");}function Ea(){if(null===K)throw Error("useId can only be used while React is rendering");var a=K.identifierCount++;return":"+K.identifierPrefix+"S"+a.toString(32)+":"}
-function Ga(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then){var b=L;L+=1;null===M&&(M=[]);return za(M,a,b)}if(a.$$typeof===ka)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function O(){return(new AbortController).signal}function Ia(){if(P)return P;var a=ha.getStore();return a?a:new Map}
+function Ga(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=L;L+=1;null===M&&(M=[]);return za(M,a,b)}if(a.$$typeof===ka)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function O(){return(new AbortController).signal}function Ia(){if(P)return P;var a=ha.getStore();return a?a:new Map}
 var Ja={getCacheSignal:function(){var a=Ia(),b=a.get(O);void 0===b&&(b=O(),a.set(O,b));return b},getCacheForType:function(a){var b=Ia(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},P=null,Q=fa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,R=Q.ContextRegistry,S=Q.ReactCurrentDispatcher,T=Q.ReactCurrentCache;function Ka(a){console.error(a)}
 function La(a,b,d,c,f){if(null!==T.current&&T.current!==Ja)throw Error("Currently React only supports one RSC renderer at a time.");T.current=Ja;var g=new Set,h=[],k={status:0,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,abortableTasks:g,pingedTasks:h,completedModuleChunks:[],completedJSONChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenModules:new Map,writtenProviders:new Map,identifierPrefix:f||"",identifierCount:1,onError:void 0===
 d?Ka:d,toJSON:function(a,b){return Ma(k,this,a,b)}};k.pendingChunks++;b=Na(c);a=Oa(k,a,b,g);h.push(a);return k}var Pa={};function Qa(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}

package/esm/react-server-dom-webpack-node-loader.js

@@ -248,22 +248,27 @@ async function transformSource(source, context, defaultTransformSource) {
 
     var names = [];
     await parseExportNamesInto(transformedSource, names, context.url, defaultTransformSource);
-    var newSrc = "const MODULE_REFERENCE = Symbol.for('react.module.reference');\n";
+    var newSrc = "const CLIENT_REFERENCE = Symbol.for('react.client.reference');\n";
 
     for (var i = 0; i < names.length; i++) {
       var name = names[i];
 
       if (name === 'default') {
         newSrc += 'export default ';
+        newSrc += 'Object.defineProperties(function() {';
+        newSrc += 'throw new Error(' + JSON.stringify("Attempted to call the default export of " + context.url + " from the server" + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a" + "Client Component.") + ');';
       } else {
         newSrc += 'export const ' + name + ' = ';
+        newSrc += 'export default ';
+        newSrc += 'Object.defineProperties(function() {';
+        newSrc += 'throw new Error(' + JSON.stringify("Attempted to call " + name + "() from the server but " + name + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.") + ');';
       }
 
-      newSrc += '{ $$typeof: MODULE_REFERENCE, filepath: ';
-      newSrc += JSON.stringify(context.url);
-      newSrc += ', name: ';
-      newSrc += JSON.stringify(name);
-      newSrc += '};\n';
+      newSrc += '},{';
+      newSrc += 'name: { value: ' + JSON.stringify(name) + '},';
+      newSrc += '$$typeof: {value: CLIENT_REFERENCE},';
+      newSrc += 'filepath: {value: ' + JSON.stringify(context.url) + '}';
+      newSrc += '});\n';
     }
 
     return {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-server-dom-webpack",
   "description": "React Server Components bindings for DOM using Webpack. This is intended to be integrated into meta-frameworks. It is not intended to be imported directly.",
-  "version": "18.3.0-next-ee8509801-20230117",
+  "version": "18.3.0-next-8b9ac8175-20230131",
   "keywords": [
     "react"
   ],
@@ -49,8 +49,8 @@
     "node": ">=0.10.0"
   },
   "peerDependencies": {
-    "react": "18.3.0-next-ee8509801-20230117",
-    "react-dom": "18.3.0-next-ee8509801-20230117",
+    "react": "18.3.0-next-8b9ac8175-20230131",
+    "react-dom": "18.3.0-next-8b9ac8175-20230131",
     "webpack": "^5.59.0"
   },
   "dependencies": {

package/umd/react-server-dom-webpack-client.development.js

@@ -31,7 +31,7 @@
   }
 
   // eslint-disable-next-line no-unused-vars
-  function resolveModuleReference(bundlerConfig, moduleData) {
+  function resolveClientReference(bundlerConfig, moduleData) {
     if (bundlerConfig) {
       var resolvedModuleData = bundlerConfig[moduleData.id][moduleData.name];
 
@@ -633,7 +633,7 @@
     var chunks = response._chunks;
     var chunk = chunks.get(id);
     var moduleMetaData = parseModel(response, model);
-    var moduleReference = resolveModuleReference(response._bundlerConfig, moduleMetaData); // TODO: Add an option to encode modules that are lazy loaded.
+    var moduleReference = resolveClientReference(response._bundlerConfig, moduleMetaData); // TODO: Add an option to encode modules that are lazy loaded.
     // For now we preload all modules as early as possible since it's likely
     // that we'll need them.
 

package/umd/react-server-dom-webpack-server.browser.development.js

@@ -216,17 +216,17 @@
   }
 
   // eslint-disable-next-line no-unused-vars
-  var MODULE_TAG = Symbol.for('react.module.reference');
-  function getModuleKey(reference) {
+  var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+  function getClientReferenceKey(reference) {
     return reference.filepath + '#' + reference.name + (reference.async ? '#async' : '');
   }
-  function isModuleReference(reference) {
-    return reference.$$typeof === MODULE_TAG;
+  function isClientReference(reference) {
+    return reference.$$typeof === CLIENT_REFERENCE_TAG;
   }
-  function resolveModuleMetaData(config, moduleReference) {
-    var resolvedModuleData = config[moduleReference.filepath][moduleReference.name];
+  function resolveModuleMetaData(config, clientReference) {
+    var resolvedModuleData = config[clientReference.filepath][clientReference.name];
 
-    if (moduleReference.async) {
+    if (clientReference.async) {
       return {
         id: resolvedModuleData.id,
         chunks: resolvedModuleData.chunks,
@@ -1001,7 +1001,11 @@
   function readContext$1(context) {
     {
       if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
-        error('Only createServerContext is supported in Server Components.');
+        if (isClientReference(context)) {
+          error('Cannot read a Client Context from a Server Component.');
+        } else {
+          error('Only createServerContext is supported in Server Components.');
+        }
       }
 
       if (currentRequest === null) {
@@ -1068,7 +1072,7 @@
   }
 
   function use(usable) {
-    if (usable !== null && typeof usable === 'object') {
+    if (usable !== null && typeof usable === 'object' || typeof usable === 'function') {
       // $FlowFixMe[method-unbinding]
       if (typeof usable.then === 'function') {
         // This is a thenable.
@@ -1086,6 +1090,12 @@
         var context = usable;
         return readContext$1(context);
       }
+    }
+
+    {
+      if (isClientReference(usable)) {
+        error('Cannot use() an already resolved Client Reference.');
+      }
     } // eslint-disable-next-line react-internal/safe-string-coercion
 
 
@@ -1290,7 +1300,7 @@
     }
 
     if (typeof type === 'function') {
-      if (isModuleReference(type)) {
+      if (isClientReference(type)) {
         // This is a reference to a Client Component.
         return [REACT_ELEMENT_TYPE, type, key, props];
       } // This is a server-side component.
@@ -1320,7 +1330,7 @@
 
       return [REACT_ELEMENT_TYPE, type, key, props];
     } else if (type != null && typeof type === 'object') {
-      if (isModuleReference(type)) {
+      if (isClientReference(type)) {
         // This is a reference to a Client Component.
         return [REACT_ELEMENT_TYPE, type, key, props];
       }
@@ -1412,8 +1422,8 @@
     return '@' + id.toString(16);
   }
 
-  function serializeModuleReference(request, parent, key, moduleReference) {
-    var moduleKey = getModuleKey(moduleReference);
+  function serializeClientReference(request, parent, key, moduleReference) {
+    var moduleKey = getClientReferenceKey(moduleReference);
     var writtenModules = request.writtenModules;
     var existingId = writtenModules.get(moduleKey);
 
@@ -1891,8 +1901,8 @@
     }
 
     if (typeof value === 'object') {
-      if (isModuleReference(value)) {
-        return serializeModuleReference(request, parent, key, value);
+      if (isClientReference(value)) {
+        return serializeClientReference(request, parent, key, value);
       } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
         var providerKey = value._context._globalName;
         var writtenProviders = request.writtenProviders;
@@ -1947,8 +1957,8 @@
     }
 
     if (typeof value === 'function') {
-      if (isModuleReference(value)) {
-        return serializeModuleReference(request, parent, key, value);
+      if (isClientReference(value)) {
+        return serializeClientReference(request, parent, key, value);
       }
 
       if (/^on[A-Z]/.test(key)) {

package/umd/react-server-dom-webpack-server.browser.production.min.js

@@ -29,7 +29,7 @@ typeof c+'" instead');return c||""}function V(a,c){null!==a.destination?(a.statu
 f.thenableState;f.model=h;h=C(l.type,l.key,l.ref,l.props,m);for(f.thenableState=null;"object"===typeof h&&null!==h&&h.$$typeof===t;)l=h,f.model=h,h=C(l.type,l.key,l.ref,l.props,null)}var n=f.id,p=D(h,g.toJSON),q="J"+n.toString(16)+":"+p+"\n";var u=x.encode(q);g.completedJSONChunks.push(u);g.abortableTasks.delete(f);f.status=1}catch(F){var r=F===P?ka():F;if("object"===typeof r&&null!==r&&"function"===typeof r.then){var v=f.ping;r.then(v,v);f.thenableState=la()}else{g.abortableTasks.delete(f);f.status=
 4;var w=y(g,r);L(g,f.id,w)}}}}null!==a.destination&&X(a,a.destination)}catch(F){y(a,F),V(a,F)}finally{W.current=c,A=b,E=null}}function X(a,c){p=new Uint8Array(512);n=0;try{for(var b=a.completedModuleChunks,d=0;d<b.length;d++)if(a.pendingChunks--,!N(c,b[d])){a.destination=null;d++;break}b.splice(0,d);var k=a.completedJSONChunks;for(d=0;d<k.length;d++)if(a.pendingChunks--,!N(c,k[d])){a.destination=null;d++;break}k.splice(0,d);var f=a.completedErrorChunks;for(d=0;d<f.length;d++)if(a.pendingChunks--,
 !N(c,f[d])){a.destination=null;d++;break}f.splice(0,d)}finally{p&&0<n&&(c.enqueue(new Uint8Array(p.buffer,0,n)),p=null,n=0)}0===a.pendingChunks&&c.close()}function za(a,c){try{var b=a.abortableTasks;if(0<b.size){var d=y(a,void 0===c?Error("The render was aborted by the server without a reason."):c);a.pendingChunks++;var k=a.nextChunkId++;L(a,k,d);b.forEach(function(c){c.status=3;var b="$"+k.toString(16);c=c.id;b=D(b);b="J"+c.toString(16)+":"+b+"\n";b=x.encode(b);a.completedErrorChunks.push(b)});b.clear()}null!==
-a.destination&&X(a,a.destination)}catch(f){y(a,f),V(a,f)}}function Fa(a){if(a){var b=u;O(null);for(var e=0;e<a.length;e++){var d=a[e],k=d[0];d=d[1];Y[k]||(Y[k]=z.createServerContext(k,ya));ia(Y[k],d)}a=u;O(b);return a}return null}var R="function"===typeof AsyncLocalStorage,oa=R?new AsyncLocalStorage:null,p=null,n=0,x=new TextEncoder,D=JSON.stringify,J=Symbol.for("react.module.reference"),t=Symbol.for("react.element"),Ia=Symbol.for("react.fragment"),ta=Symbol.for("react.provider"),Na=Symbol.for("react.server_context"),
+a.destination&&X(a,a.destination)}catch(f){y(a,f),V(a,f)}}function Fa(a){if(a){var b=u;O(null);for(var e=0;e<a.length;e++){var d=a[e],k=d[0];d=d[1];Y[k]||(Y[k]=z.createServerContext(k,ya));ia(Y[k],d)}a=u;O(b);return a}return null}var R="function"===typeof AsyncLocalStorage,oa=R?new AsyncLocalStorage:null,p=null,n=0,x=new TextEncoder,D=JSON.stringify,J=Symbol.for("react.client.reference"),t=Symbol.for("react.element"),Ia=Symbol.for("react.fragment"),ta=Symbol.for("react.provider"),Na=Symbol.for("react.server_context"),
 ra=Symbol.for("react.forward_ref"),Ka=Symbol.for("react.suspense"),La=Symbol.for("react.suspense_list"),sa=Symbol.for("react.memo"),B=Symbol.for("react.lazy"),ya=Symbol.for("react.default_value"),Oa=Symbol.for("react.memo_cache_sentinel");"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(a){new m(a,0,!1,a,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor",
 "for"],["httpEquiv","http-equiv"]].forEach(function(a){new m(a[0],1,!1,a[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(a){new m(a,2,!1,a.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){new m(a,2,!1,a,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(a){new m(a,
 3,!1,a.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(a){new m(a,3,!0,a,null,!1,!1)});["capture","download"].forEach(function(a){new m(a,4,!1,a,null,!1,!1)});["cols","rows","size","span"].forEach(function(a){new m(a,6,!1,a,null,!1,!1)});["rowSpan","start"].forEach(function(a){new m(a,5,!1,a.toLowerCase(),null,!1,!1)});var Z=/[\-:]([a-z])/g,aa=function(a){return a[1].toUpperCase()};"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(a){var b=
@@ -44,7 +44,7 @@ b('$RM=new Map;\n$RR=function(p,q,v){function r(l){this.s=l}for(var t=$RC,u=$RM,
 b('$RR("');b('","');b('",');b('"');b(")\x3c/script>");b('<template data-rci="" data-bid="');b('<template data-rri="" data-bid="');b('" data-sid="');b('" data-sty="');b('$RX=function(b,c,d,e){var a=document.getElementById(b);a&&(b=a.previousSibling,b.data="$!",a=a.dataset,c&&(a.dgst=c),d&&(a.msg=d),e&&(a.stck=e),b._reactRetry&&b._reactRetry())};;$RX("');b('$RX("');b('"');b(",");b(")\x3c/script>");b('<template data-rxi="" data-bid="');b('" data-dgst="');b('" data-msg="');b('" data-stck="');b('<style data-precedence="');
 b('"></style>');b("[");b(",[");b(",");b("]");var u=null,P=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"),I=null,E=null,K=0,v=
 null,Ma={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:q,useTransition:q,readContext:ma,useContext:ma,useReducer:q,useRef:q,useState:q,useInsertionEffect:q,useLayoutEffect:q,useImperativeHandle:q,useEffect:q,useId:function(){if(null===E)throw Error("useId can only be used while React is rendering");var a=E.identifierCount++;return":"+E.identifierPrefix+"S"+a.toString(32)+":"},useMutableSource:q,useSyncExternalStore:q,useCacheRefresh:function(){return Ba},
-useMemoCache:function(a){for(var b=Array(a),e=0;e<a;e++)b[e]=Oa;return b},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then){var b=K;K+=1;null===v&&(v=[]);return Aa(v,a,b)}if(a.$$typeof===Na)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}},pa={getCacheSignal:function(){var a=na(),b=a.get(Q);void 0===b&&(b=Q(),a.set(Q,b));return b},getCacheForType:function(a){var b=na(),e=b.get(a);void 0===e&&(e=a(),b.set(a,e));return e}},A=
-null;G=z.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;var Y=G.ContextRegistry,W=G.ReactCurrentDispatcher,S=G.ReactCurrentCache,ua={};r.renderToReadableStream=function(a,b,e){var c=Da(a,b,e?e.onError:void 0,e?e.context:void 0,e?e.identifierPrefix:void 0);if(e&&e.signal){var k=e.signal;if(k.aborted)za(c,k.reason);else{var f=function(){za(c,k.reason);k.removeEventListener("abort",f)};k.addEventListener("abort",f)}}return new ReadableStream({type:"bytes",start:function(a){R?oa.run(c.cache,U,c):
-U(c)},pull:function(a){if(1===c.status)c.status=2,ca(a,c.fatalError);else if(2!==c.status&&null===c.destination){c.destination=a;try{X(c,a)}catch(h){y(c,h),V(c,h)}}},cancel:function(a){}},{highWaterMark:0})}});
+useMemoCache:function(a){for(var b=Array(a),e=0;e<a;e++)b[e]=Oa;return b},use:function(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=K;K+=1;null===v&&(v=[]);return Aa(v,a,b)}if(a.$$typeof===Na)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}},pa={getCacheSignal:function(){var a=na(),b=a.get(Q);void 0===b&&(b=Q(),a.set(Q,b));return b},getCacheForType:function(a){var b=na(),e=b.get(a);void 0===e&&(e=a(),b.set(a,
+e));return e}},A=null;G=z.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;var Y=G.ContextRegistry,W=G.ReactCurrentDispatcher,S=G.ReactCurrentCache,ua={};r.renderToReadableStream=function(a,b,e){var c=Da(a,b,e?e.onError:void 0,e?e.context:void 0,e?e.identifierPrefix:void 0);if(e&&e.signal){var k=e.signal;if(k.aborted)za(c,k.reason);else{var f=function(){za(c,k.reason);k.removeEventListener("abort",f)};k.addEventListener("abort",f)}}return new ReadableStream({type:"bytes",start:function(a){R?oa.run(c.cache,
+U,c):U(c)},pull:function(a){if(1===c.status)c.status=2,ca(a,c.fatalError);else if(2!==c.status&&null===c.destination){c.destination=a;try{X(c,a)}catch(h){y(c,h),V(c,h)}}},cancel:function(a){}},{highWaterMark:0})}});
 })();