react 17.0.2 → 18.0.0-alpha-6bbe7c344

package/cjs/react.production.min.js

@@ -1,4 +1,4 @@
-/** @license React v17.0.2
+/** @license React vundefined
  * react.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -6,18 +6,19 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-'use strict';var l=require("object-assign"),n=60103,p=60106;exports.Fragment=60107;exports.StrictMode=60108;exports.Profiler=60114;var q=60109,r=60110,t=60112;exports.Suspense=60113;var u=60115,v=60116;
-if("function"===typeof Symbol&&Symbol.for){var w=Symbol.for;n=w("react.element");p=w("react.portal");exports.Fragment=w("react.fragment");exports.StrictMode=w("react.strict_mode");exports.Profiler=w("react.profiler");q=w("react.provider");r=w("react.context");t=w("react.forward_ref");exports.Suspense=w("react.suspense");u=w("react.memo");v=w("react.lazy")}var x="function"===typeof Symbol&&Symbol.iterator;
+'use strict';var l=require("object-assign"),m=60103,p=60106;exports.Fragment=60107;exports.StrictMode=60108;exports.Profiler=60114;var q=60109,r=60110,t=60112;exports.Suspense=60113;exports.SuspenseList=60120;var u=60115,v=60116;
+if("function"===typeof Symbol&&Symbol.for){var w=Symbol.for;m=w("react.element");p=w("react.portal");exports.Fragment=w("react.fragment");exports.StrictMode=w("react.strict_mode");exports.Profiler=w("react.profiler");q=w("react.provider");r=w("react.context");t=w("react.forward_ref");exports.Suspense=w("react.suspense");exports.SuspenseList=w("react.suspense_list");u=w("react.memo");v=w("react.lazy")}var x="function"===typeof Symbol&&Symbol.iterator;
 function y(a){if(null===a||"object"!==typeof a)return null;a=x&&a[x]||a["@@iterator"];return"function"===typeof a?a:null}function z(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
 var A={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},B={};function C(a,b,c){this.props=a;this.context=b;this.refs=B;this.updater=c||A}C.prototype.isReactComponent={};C.prototype.setState=function(a,b){if("object"!==typeof a&&"function"!==typeof a&&null!=a)throw Error(z(85));this.updater.enqueueSetState(this,a,b,"setState")};C.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,"forceUpdate")};
-function D(){}D.prototype=C.prototype;function E(a,b,c){this.props=a;this.context=b;this.refs=B;this.updater=c||A}var F=E.prototype=new D;F.constructor=E;l(F,C.prototype);F.isPureReactComponent=!0;var G={current:null},H=Object.prototype.hasOwnProperty,I={key:!0,ref:!0,__self:!0,__source:!0};
-function J(a,b,c){var e,d={},k=null,h=null;if(null!=b)for(e in void 0!==b.ref&&(h=b.ref),void 0!==b.key&&(k=""+b.key),b)H.call(b,e)&&!I.hasOwnProperty(e)&&(d[e]=b[e]);var g=arguments.length-2;if(1===g)d.children=c;else if(1<g){for(var f=Array(g),m=0;m<g;m++)f[m]=arguments[m+2];d.children=f}if(a&&a.defaultProps)for(e in g=a.defaultProps,g)void 0===d[e]&&(d[e]=g[e]);return{$$typeof:n,type:a,key:k,ref:h,props:d,_owner:G.current}}
-function K(a,b){return{$$typeof:n,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}function L(a){return"object"===typeof a&&null!==a&&a.$$typeof===n}function escape(a){var b={"=":"=0",":":"=2"};return"$"+a.replace(/[=:]/g,function(a){return b[a]})}var M=/\/+/g;function N(a,b){return"object"===typeof a&&null!==a&&null!=a.key?escape(""+a.key):b.toString(36)}
-function O(a,b,c,e,d){var k=typeof a;if("undefined"===k||"boolean"===k)a=null;var h=!1;if(null===a)h=!0;else switch(k){case "string":case "number":h=!0;break;case "object":switch(a.$$typeof){case n:case p:h=!0}}if(h)return h=a,d=d(h),a=""===e?"."+N(h,0):e,Array.isArray(d)?(c="",null!=a&&(c=a.replace(M,"$&/")+"/"),O(d,b,c,"",function(a){return a})):null!=d&&(L(d)&&(d=K(d,c+(!d.key||h&&h.key===d.key?"":(""+d.key).replace(M,"$&/")+"/")+a)),b.push(d)),1;h=0;e=""===e?".":e+":";if(Array.isArray(a))for(var g=
-0;g<a.length;g++){k=a[g];var f=e+N(k,g);h+=O(k,b,c,f,d)}else if(f=y(a),"function"===typeof f)for(a=f.call(a),g=0;!(k=a.next()).done;)k=k.value,f=e+N(k,g++),h+=O(k,b,c,f,d);else if("object"===k)throw b=""+a,Error(z(31,"[object Object]"===b?"object with keys {"+Object.keys(a).join(", ")+"}":b));return h}function P(a,b,c){if(null==a)return a;var e=[],d=0;O(a,e,"","",function(a){return b.call(c,a,d++)});return e}
-function Q(a){if(-1===a._status){var b=a._result;b=b();a._status=0;a._result=b;b.then(function(b){0===a._status&&(b=b.default,a._status=1,a._result=b)},function(b){0===a._status&&(a._status=2,a._result=b)})}if(1===a._status)return a._result;throw a._result;}var R={current:null};function S(){var a=R.current;if(null===a)throw Error(z(321));return a}var T={ReactCurrentDispatcher:R,ReactCurrentBatchConfig:{transition:0},ReactCurrentOwner:G,IsSomeRendererActing:{current:!1},assign:l};
-exports.Children={map:P,forEach:function(a,b,c){P(a,function(){b.apply(this,arguments)},c)},count:function(a){var b=0;P(a,function(){b++});return b},toArray:function(a){return P(a,function(a){return a})||[]},only:function(a){if(!L(a))throw Error(z(143));return a}};exports.Component=C;exports.PureComponent=E;exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=T;
-exports.cloneElement=function(a,b,c){if(null===a||void 0===a)throw Error(z(267,a));var e=l({},a.props),d=a.key,k=a.ref,h=a._owner;if(null!=b){void 0!==b.ref&&(k=b.ref,h=G.current);void 0!==b.key&&(d=""+b.key);if(a.type&&a.type.defaultProps)var g=a.type.defaultProps;for(f in b)H.call(b,f)&&!I.hasOwnProperty(f)&&(e[f]=void 0===b[f]&&void 0!==g?g[f]:b[f])}var f=arguments.length-2;if(1===f)e.children=c;else if(1<f){g=Array(f);for(var m=0;m<f;m++)g[m]=arguments[m+2];e.children=g}return{$$typeof:n,type:a.type,
-key:d,ref:k,props:e,_owner:h}};exports.createContext=function(a,b){void 0===b&&(b=null);a={$$typeof:r,_calculateChangedBits:b,_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null};a.Provider={$$typeof:q,_context:a};return a.Consumer=a};exports.createElement=J;exports.createFactory=function(a){var b=J.bind(null,a);b.type=a;return b};exports.createRef=function(){return{current:null}};exports.forwardRef=function(a){return{$$typeof:t,render:a}};exports.isValidElement=L;
-exports.lazy=function(a){return{$$typeof:v,_payload:{_status:-1,_result:a},_init:Q}};exports.memo=function(a,b){return{$$typeof:u,type:a,compare:void 0===b?null:b}};exports.useCallback=function(a,b){return S().useCallback(a,b)};exports.useContext=function(a,b){return S().useContext(a,b)};exports.useDebugValue=function(){};exports.useEffect=function(a,b){return S().useEffect(a,b)};exports.useImperativeHandle=function(a,b,c){return S().useImperativeHandle(a,b,c)};
-exports.useLayoutEffect=function(a,b){return S().useLayoutEffect(a,b)};exports.useMemo=function(a,b){return S().useMemo(a,b)};exports.useReducer=function(a,b,c){return S().useReducer(a,b,c)};exports.useRef=function(a){return S().useRef(a)};exports.useState=function(a){return S().useState(a)};exports.version="17.0.2";
+function D(){}D.prototype=C.prototype;function E(a,b,c){this.props=a;this.context=b;this.refs=B;this.updater=c||A}var F=E.prototype=new D;F.constructor=E;l(F,C.prototype);F.isPureReactComponent=!0;var G=Array.isArray,H=Object.prototype.hasOwnProperty,I={current:null},J={key:!0,ref:!0,__self:!0,__source:!0};
+function K(a,b,c){var e,d={},k=null,h=null;if(null!=b)for(e in void 0!==b.ref&&(h=b.ref),void 0!==b.key&&(k=""+b.key),b)H.call(b,e)&&!J.hasOwnProperty(e)&&(d[e]=b[e]);var g=arguments.length-2;if(1===g)d.children=c;else if(1<g){for(var f=Array(g),n=0;n<g;n++)f[n]=arguments[n+2];d.children=f}if(a&&a.defaultProps)for(e in g=a.defaultProps,g)void 0===d[e]&&(d[e]=g[e]);return{$$typeof:m,type:a,key:k,ref:h,props:d,_owner:I.current}}
+function L(a,b){return{$$typeof:m,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}function M(a){return"object"===typeof a&&null!==a&&a.$$typeof===m}function escape(a){var b={"=":"=0",":":"=2"};return"$"+a.replace(/[=:]/g,function(a){return b[a]})}var N=/\/+/g;function O(a,b){return"object"===typeof a&&null!==a&&null!=a.key?escape(""+a.key):b.toString(36)}
+function P(a,b,c,e,d){var k=typeof a;if("undefined"===k||"boolean"===k)a=null;var h=!1;if(null===a)h=!0;else switch(k){case "string":case "number":h=!0;break;case "object":switch(a.$$typeof){case m:case p:h=!0}}if(h)return h=a,d=d(h),a=""===e?"."+O(h,0):e,G(d)?(c="",null!=a&&(c=a.replace(N,"$&/")+"/"),P(d,b,c,"",function(a){return a})):null!=d&&(M(d)&&(d=L(d,c+(!d.key||h&&h.key===d.key?"":(""+d.key).replace(N,"$&/")+"/")+a)),b.push(d)),1;h=0;e=""===e?".":e+":";if(G(a))for(var g=0;g<a.length;g++){k=
+a[g];var f=e+O(k,g);h+=P(k,b,c,f,d)}else if(f=y(a),"function"===typeof f)for(a=f.call(a),g=0;!(k=a.next()).done;)k=k.value,f=e+O(k,g++),h+=P(k,b,c,f,d);else if("object"===k)throw b=""+a,Error(z(31,"[object Object]"===b?"object with keys {"+Object.keys(a).join(", ")+"}":b));return h}function Q(a,b,c){if(null==a)return a;var e=[],d=0;P(a,e,"","",function(a){return b.call(c,a,d++)});return e}
+function R(a){if(-1===a._status){var b=a._result;b=b();b.then(function(b){if(0===a._status||-1===a._status)a._status=1,a._result=b},function(b){if(0===a._status||-1===a._status)a._status=2,a._result=b});-1===a._status&&(a._status=0,a._result=b)}if(1===a._status)return a._result.default;throw a._result;}var S={current:null},T={transition:0},U={ReactCurrentDispatcher:S,ReactCurrentBatchConfig:T,ReactCurrentOwner:I,IsSomeRendererActing:{current:!1},assign:l};
+exports.Children={map:Q,forEach:function(a,b,c){Q(a,function(){b.apply(this,arguments)},c)},count:function(a){var b=0;Q(a,function(){b++});return b},toArray:function(a){return Q(a,function(a){return a})||[]},only:function(a){if(!M(a))throw Error(z(143));return a}};exports.Component=C;exports.PureComponent=E;exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=U;
+exports.cloneElement=function(a,b,c){if(null===a||void 0===a)throw Error(z(267,a));var e=l({},a.props),d=a.key,k=a.ref,h=a._owner;if(null!=b){void 0!==b.ref&&(k=b.ref,h=I.current);void 0!==b.key&&(d=""+b.key);if(a.type&&a.type.defaultProps)var g=a.type.defaultProps;for(f in b)H.call(b,f)&&!J.hasOwnProperty(f)&&(e[f]=void 0===b[f]&&void 0!==g?g[f]:b[f])}var f=arguments.length-2;if(1===f)e.children=c;else if(1<f){g=Array(f);for(var n=0;n<f;n++)g[n]=arguments[n+2];e.children=g}return{$$typeof:m,type:a.type,
+key:d,ref:k,props:e,_owner:h}};exports.createContext=function(a){a={$$typeof:r,_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null};a.Provider={$$typeof:q,_context:a};return a.Consumer=a};exports.createElement=K;exports.createFactory=function(a){var b=K.bind(null,a);b.type=a;return b};exports.createRef=function(){return{current:null}};exports.forwardRef=function(a){return{$$typeof:t,render:a}};exports.isValidElement=M;
+exports.lazy=function(a){return{$$typeof:v,_payload:{_status:-1,_result:a},_init:R}};exports.memo=function(a,b){return{$$typeof:u,type:a,compare:void 0===b?null:b}};exports.startTransition=function(a){var b=T.transition;T.transition=1;try{a()}finally{T.transition=b}};exports.unstable_createMutableSource=function(a,b){return{_getVersion:b,_source:a,_workInProgressVersionPrimary:null,_workInProgressVersionSecondary:null}};
+exports.unstable_useMutableSource=function(a,b,c){return S.current.useMutableSource(a,b,c)};exports.unstable_useOpaqueIdentifier=function(){return S.current.useOpaqueIdentifier()};exports.useCallback=function(a,b){return S.current.useCallback(a,b)};exports.useContext=function(a){return S.current.useContext(a)};exports.useDebugValue=function(){};exports.useDeferredValue=function(a){return S.current.useDeferredValue(a)};exports.useEffect=function(a,b){return S.current.useEffect(a,b)};
+exports.useImperativeHandle=function(a,b,c){return S.current.useImperativeHandle(a,b,c)};exports.useLayoutEffect=function(a,b){return S.current.useLayoutEffect(a,b)};exports.useMemo=function(a,b){return S.current.useMemo(a,b)};exports.useReducer=function(a,b,c){return S.current.useReducer(a,b,c)};exports.useRef=function(a){return S.current.useRef(a)};exports.useState=function(a){return S.current.useState(a)};exports.useTransition=function(){return S.current.useTransition()};exports.version="18.0.0-6bbe7c344";

package/package.json

@@ -4,7 +4,7 @@
   "keywords": [
     "react"
   ],
-  "version": "17.0.2",
+  "version": "18.0.0-alpha-6bbe7c344",
   "homepage": "https://reactjs.org/",
   "bugs": "https://github.com/facebook/react/issues",
   "license": "MIT",
@@ -16,9 +16,24 @@
     "cjs/",
     "umd/",
     "jsx-runtime.js",
-    "jsx-dev-runtime.js"
+    "jsx-dev-runtime.js",
+    "unstable-shared-subset.js"
   ],
   "main": "index.js",
+  "exports": {
+    ".": {
+      "react-server": "./unstable-shared-subset.js",
+      "default": "./index.js"
+    },
+    "./index": {
+      "react-server": "./unstable-shared-subset.js",
+      "default": "./index.js"
+    },
+    "./build-info.json": "./build-info.json",
+    "./jsx-runtime": "./jsx-runtime.js",
+    "./jsx-dev-runtime": "./jsx-dev-runtime.js",
+    "./": "./"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/facebook/react.git",
@@ -36,4 +51,4 @@
       "loose-envify"
     ]
   }
-}
+}

package/umd/react.development.js

@@ -1,4 +1,4 @@
-/** @license React v17.0.2
+/** @license React vundefined
  * react.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -12,8 +12,7 @@
   (global = global || self, factory(global.React = {}));
 }(this, (function (exports) { 'use strict';
 
-  // TODO: this is special because it gets imported during build.
-  var ReactVersion = '17.0.2';
+  var ReactVersion = '18.0.0-6bbe7c344';
 
   // ATTENTION
   // When adding new symbols to this file,
@@ -29,17 +28,15 @@
   var REACT_CONTEXT_TYPE = 0xeace;
   var REACT_FORWARD_REF_TYPE = 0xead0;
   exports.Suspense = 0xead1;
-  var REACT_SUSPENSE_LIST_TYPE = 0xead8;
+  exports.SuspenseList = 0xead8;
   var REACT_MEMO_TYPE = 0xead3;
   var REACT_LAZY_TYPE = 0xead4;
-  var REACT_BLOCK_TYPE = 0xead9;
-  var REACT_SERVER_BLOCK_TYPE = 0xeada;
-  var REACT_FUNDAMENTAL_TYPE = 0xead5;
   var REACT_SCOPE_TYPE = 0xead7;
   var REACT_OPAQUE_ID_TYPE = 0xeae0;
   var REACT_DEBUG_TRACING_MODE_TYPE = 0xeae1;
   var REACT_OFFSCREEN_TYPE = 0xeae2;
   var REACT_LEGACY_HIDDEN_TYPE = 0xeae3;
+  var REACT_CACHE_TYPE = 0xeae4;
 
   if (typeof Symbol === 'function' && Symbol.for) {
     var symbolFor = Symbol.for;
@@ -52,17 +49,15 @@
     REACT_CONTEXT_TYPE = symbolFor('react.context');
     REACT_FORWARD_REF_TYPE = symbolFor('react.forward_ref');
     exports.Suspense = symbolFor('react.suspense');
-    REACT_SUSPENSE_LIST_TYPE = symbolFor('react.suspense_list');
+    exports.SuspenseList = symbolFor('react.suspense_list');
     REACT_MEMO_TYPE = symbolFor('react.memo');
     REACT_LAZY_TYPE = symbolFor('react.lazy');
-    REACT_BLOCK_TYPE = symbolFor('react.block');
-    REACT_SERVER_BLOCK_TYPE = symbolFor('react.server.block');
-    REACT_FUNDAMENTAL_TYPE = symbolFor('react.fundamental');
     REACT_SCOPE_TYPE = symbolFor('react.scope');
     REACT_OPAQUE_ID_TYPE = symbolFor('react.opaque.id');
     REACT_DEBUG_TRACING_MODE_TYPE = symbolFor('react.debug_trace_mode');
     REACT_OFFSCREEN_TYPE = symbolFor('react.offscreen');
     REACT_LEGACY_HIDDEN_TYPE = symbolFor('react.legacy_hidden');
+    REACT_CACHE_TYPE = symbolFor('react.cache');
   }
 
   var MAYBE_ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
@@ -473,16 +468,30 @@
     return refObject;
   }
 
+  var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+  function isArray(a) {
+    return isArrayImpl(a);
+  }
+
   function getWrappedName(outerType, innerType, wrapperName) {
+    var displayName = outerType.displayName;
+
+    if (displayName) {
+      return displayName;
+    }
+
     var functionName = innerType.displayName || innerType.name || '';
-    return outerType.displayName || (functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName);
-  }
+    return functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName;
+  } // Keep in sync with react-reconciler/getComponentNameFromFiber
+
 
   function getContextName(type) {
     return type.displayName || 'Context';
-  }
+  } // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
 
-  function getComponentName(type) {
+
+  function getComponentNameFromType(type) {
     if (type == null) {
       // Host root, text node or just invalid type.
       return null;
@@ -490,7 +499,7 @@
 
     {
       if (typeof type.tag === 'number') {
-        error('Received an unexpected object in getComponentName(). ' + 'This is likely a bug in React. Please file an issue.');
+        error('Received an unexpected object in getComponentNameFromType(). ' + 'This is likely a bug in React. Please file an issue.');
       }
     }
 
@@ -518,8 +527,11 @@
       case exports.Suspense:
         return 'Suspense';
 
-      case REACT_SUSPENSE_LIST_TYPE:
+      case exports.SuspenseList:
         return 'SuspenseList';
+
+      case REACT_CACHE_TYPE:
+        return 'Cache';
     }
 
     if (typeof type === 'object') {
@@ -536,10 +548,13 @@
           return getWrappedName(type, type.render, 'ForwardRef');
 
         case REACT_MEMO_TYPE:
-          return getComponentName(type.type);
+          var outerName = type.displayName || null;
 
-        case REACT_BLOCK_TYPE:
-          return getComponentName(type._render);
+          if (outerName !== null) {
+            return outerName;
+          }
+
+          return getComponentNameFromType(type.type) || 'Memo';
 
         case REACT_LAZY_TYPE:
           {
@@ -548,7 +563,7 @@
             var init = lazyComponent._init;
 
             try {
-              return getComponentName(init(payload));
+              return getComponentNameFromType(init(payload));
             } catch (x) {
               return null;
             }
@@ -560,6 +575,7 @@
   }
 
   var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
+
   var RESERVED_PROPS = {
     key: true,
     ref: true,
@@ -639,7 +655,7 @@
   function warnIfStringRefCannotBeAutoConverted(config) {
     {
       if (typeof config.ref === 'string' && ReactCurrentOwner.current && config.__self && ReactCurrentOwner.current.stateNode !== config.__self) {
-        var componentName = getComponentName(ReactCurrentOwner.current.type);
+        var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
 
         if (!didWarnAboutStringRefs[componentName]) {
           error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', componentName, config.ref);
@@ -991,7 +1007,7 @@
 
       var childKey = nameSoFar === '' ? SEPARATOR + getElementKey(_child, 0) : nameSoFar;
 
-      if (Array.isArray(mappedChild)) {
+      if (isArray(mappedChild)) {
         var escapedChildKey = '';
 
         if (childKey != null) {
@@ -1022,7 +1038,7 @@
 
     var nextNamePrefix = nameSoFar === '' ? SEPARATOR : nameSoFar + SUBSEPARATOR;
 
-    if (Array.isArray(children)) {
+    if (isArray(children)) {
       for (var i = 0; i < children.length; i++) {
         child = children[i];
         nextName = nextNamePrefix + getElementKey(child, i);
@@ -1168,20 +1184,11 @@
     return children;
   }
 
-  function createContext(defaultValue, calculateChangedBits) {
-    if (calculateChangedBits === undefined) {
-      calculateChangedBits = null;
-    } else {
-      {
-        if (calculateChangedBits !== null && typeof calculateChangedBits !== 'function') {
-          error('createContext: Expected the optional second argument to be a ' + 'function. Instead received: %s', calculateChangedBits);
-        }
-      }
-    }
-
+  function createContext(defaultValue) {
+    // TODO: Second argument used to be an optional `calculateChangedBits`
+    // function. Warn to reserve for future use?
     var context = {
       $$typeof: REACT_CONTEXT_TYPE,
-      _calculateChangedBits: calculateChangedBits,
       // As a workaround to support multiple concurrent renderers, we categorize
       // some renderers as primary and others as secondary. We only expect
       // there to be two concurrent renderers at most: React Native (primary) and
@@ -1210,8 +1217,7 @@
       // warn for the incorrect usage of Context as a Consumer.
       var Consumer = {
         $$typeof: REACT_CONTEXT_TYPE,
-        _context: context,
-        _calculateChangedBits: context._calculateChangedBits
+        _context: context
       }; // $FlowFixMe: Flow complains about not setting a value, which is intentional here
 
       Object.defineProperties(Consumer, {
@@ -1298,38 +1304,54 @@
     if (payload._status === Uninitialized) {
       var ctor = payload._result;
       var thenable = ctor(); // Transition to the next state.
+      // This might throw either because it's missing or throws. If so, we treat it
+      // as still uninitialized and try again next time. Which is the same as what
+      // happens if the ctor or any wrappers processing the ctor throws. This might
+      // end up fixing it if the resolution was a concurrency bug.
 
-      var pending = payload;
-      pending._status = Pending;
-      pending._result = thenable;
       thenable.then(function (moduleObject) {
-        if (payload._status === Pending) {
-          var defaultExport = moduleObject.default;
-
-          {
-            if (defaultExport === undefined) {
-              error('lazy: Expected the result of a dynamic import() call. ' + 'Instead received: %s\n\nYour code should look like: \n  ' + // Break up imports to avoid accidentally parsing them as dependencies.
-              'const MyComponent = lazy(() => imp' + "ort('./MyComponent'))", moduleObject);
-            }
-          } // Transition to the next state.
-
-
+        if (payload._status === Pending || payload._status === Uninitialized) {
+          // Transition to the next state.
           var resolved = payload;
           resolved._status = Resolved;
-          resolved._result = defaultExport;
+          resolved._result = moduleObject;
         }
       }, function (error) {
-        if (payload._status === Pending) {
+        if (payload._status === Pending || payload._status === Uninitialized) {
           // Transition to the next state.
           var rejected = payload;
           rejected._status = Rejected;
           rejected._result = error;
         }
       });
+
+      if (payload._status === Uninitialized) {
+        // In case, we're still uninitialized, then we're waiting for the thenable
+        // to resolve. Set it as pending in the meantime.
+        var pending = payload;
+        pending._status = Pending;
+        pending._result = thenable;
+      }
     }
 
     if (payload._status === Resolved) {
-      return payload._result;
+      var moduleObject = payload._result;
+
+      {
+        if (moduleObject === undefined) {
+          error('lazy: Expected the result of a dynamic import() call. ' + 'Instead received: %s\n\nYour code should look like: \n  ' + // Break up imports to avoid accidentally parsing them as dependencies.
+          'const MyComponent = lazy(() => imp' + "ort('./MyComponent'))\n\n" + 'Did you accidentally put curly braces around the import?', moduleObject);
+        }
+      }
+
+      {
+        if (!('default' in moduleObject)) {
+          error('lazy: Expected the result of a dynamic import() call. ' + 'Instead received: %s\n\nYour code should look like: \n  ' + // Break up imports to avoid accidentally parsing them as dependencies.
+          'const MyComponent = lazy(() => imp' + "ort('./MyComponent'))", moduleObject);
+        }
+      }
+
+      return moduleObject.default;
     } else {
       throw payload._result;
     }
@@ -1424,9 +1446,15 @@
           return ownName;
         },
         set: function (name) {
-          ownName = name;
-
-          if (render.displayName == null) {
+          ownName = name; // The inner component shouldn't inherit this display name in most cases,
+          // because the component may be used elsewhere.
+          // But it's nice for anonymous functions to inherit the name,
+          // so that our component-stack generation logic will display their frames.
+          // An anonymous function generally suggests a pattern like:
+          //   React.forwardRef((props, ref) => {...});
+          // This kind of inner function is not used elsewhere so the side effect is okay.
+
+          if (!render.name && !render.displayName) {
             render.displayName = name;
           }
         }
@@ -1437,21 +1465,32 @@
   }
 
   // Filter certain DOM attributes (e.g. src, href) if their values are empty strings.
+  var enableCache = false; // Only used in www builds.
 
   var enableScopeAPI = false; // Experimental Create Event Handle API.
 
+  var REACT_MODULE_REFERENCE = 0;
+
+  if (typeof Symbol === 'function') {
+    REACT_MODULE_REFERENCE = Symbol.for('react.module.reference');
+  }
+
   function isValidElementType(type) {
     if (typeof type === 'string' || typeof type === 'function') {
       return true;
     } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
 
 
-    if (type === exports.Fragment || type === exports.Profiler || type === REACT_DEBUG_TRACING_MODE_TYPE || type === exports.StrictMode || type === exports.Suspense || type === REACT_SUSPENSE_LIST_TYPE || type === REACT_LEGACY_HIDDEN_TYPE || enableScopeAPI ) {
+    if (type === exports.Fragment || type === exports.Profiler || type === REACT_DEBUG_TRACING_MODE_TYPE || type === exports.StrictMode || type === exports.Suspense || type === exports.SuspenseList || type === REACT_LEGACY_HIDDEN_TYPE || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || enableCache ) {
       return true;
     }
 
     if (typeof type === 'object' && type !== null) {
-      if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_BLOCK_TYPE || type[0] === REACT_SERVER_BLOCK_TYPE) {
+      if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_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
+      // with.
+      type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== undefined) {
         return true;
       }
     }
@@ -1481,9 +1520,15 @@
           return ownName;
         },
         set: function (name) {
-          ownName = name;
-
-          if (type.displayName == null) {
+          ownName = name; // The inner component shouldn't inherit this display name in most cases,
+          // because the component may be used elsewhere.
+          // But it's nice for anonymous functions to inherit the name,
+          // so that our component-stack generation logic will display their frames.
+          // An anonymous function generally suggests a pattern like:
+          //   React.memo((props) => {...});
+          // This kind of inner function is not used elsewhere so the side effect is okay.
+
+          if (!type.name && !type.displayName) {
             type.displayName = name;
           }
         }
@@ -1496,24 +1541,22 @@
   function resolveDispatcher() {
     var dispatcher = ReactCurrentDispatcher.current;
 
-    if (!(dispatcher !== null)) {
-      {
-        throw Error( "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem." );
+    {
+      if (dispatcher === null) {
+        error('Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for' + ' one of the following reasons:\n' + '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' + '2. You might be breaking the Rules of Hooks\n' + '3. You might have more than one copy of React in the same app\n' + 'See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.');
       }
-    }
+    } // Will result in a null access error if accessed outside render phase. We
+    // intentionally don't throw our own error because this is in a hot path.
+    // Also helps ensure this is inlined.
+
 
     return dispatcher;
   }
-
-  function useContext(Context, unstable_observedBits) {
+  function useContext(Context) {
     var dispatcher = resolveDispatcher();
 
     {
-      if (unstable_observedBits !== undefined) {
-        error('useContext() second argument is reserved for future ' + 'use in React. Passing it is not supported. ' + 'You passed: %s.%s', unstable_observedBits, typeof unstable_observedBits === 'number' && Array.isArray(arguments[2]) ? '\n\nDid you call array.map(useContext)? ' + 'Calling Hooks inside a loop is not supported. ' + 'Learn more at https://reactjs.org/link/rules-of-hooks' : '');
-      } // TODO: add a more generic warning for invalid values.
-
-
+      // TODO: add a more generic warning for invalid values.
       if (Context._context !== undefined) {
         var realContext = Context._context; // Don't deduplicate because this legitimately causes bugs
         // and nobody should be using this in existing code.
@@ -1526,7 +1569,7 @@
       }
     }
 
-    return dispatcher.useContext(Context, unstable_observedBits);
+    return dispatcher.useContext(Context);
   }
   function useState(initialState) {
     var dispatcher = resolveDispatcher();
@@ -1566,6 +1609,22 @@
       return dispatcher.useDebugValue(value, formatterFn);
     }
   }
+  function useTransition() {
+    var dispatcher = resolveDispatcher();
+    return dispatcher.useTransition();
+  }
+  function useDeferredValue(value) {
+    var dispatcher = resolveDispatcher();
+    return dispatcher.useDeferredValue(value);
+  }
+  function useOpaqueIdentifier() {
+    var dispatcher = resolveDispatcher();
+    return dispatcher.useOpaqueIdentifier();
+  }
+  function useMutableSource(source, getSnapshot, subscribe) {
+    var dispatcher = resolveDispatcher();
+    return dispatcher.useMutableSource(source, getSnapshot, subscribe);
+  }
 
   // Helpers to patch console.logs to avoid logging during side-effect free
   // replaying on render function. This currently only patches the object
@@ -1689,7 +1748,7 @@
 
   function describeNativeComponentFrame(fn, construct) {
     // If something asked for a stack inside a fake render, it should get ignored.
-    if (!fn || reentry) {
+    if ( !fn || reentry) {
       return '';
     }
 
@@ -1870,7 +1929,7 @@
       case exports.Suspense:
         return describeBuiltInComponentFrame('Suspense');
 
-      case REACT_SUSPENSE_LIST_TYPE:
+      case exports.SuspenseList:
         return describeBuiltInComponentFrame('SuspenseList');
     }
 
@@ -1883,9 +1942,6 @@
           // Memo may contain any component type so we recursively resolve it.
           return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
 
-        case REACT_BLOCK_TYPE:
-          return describeFunctionComponentFrame(type._render);
-
         case REACT_LAZY_TYPE:
           {
             var lazyComponent = type;
@@ -1921,7 +1977,7 @@
   function checkPropTypes(typeSpecs, values, location, componentName, element) {
     {
       // $FlowFixMe This is okay but Flow doesn't know it.
-      var has = Function.call.bind(Object.prototype.hasOwnProperty);
+      var has = Function.call.bind(hasOwnProperty$1);
 
       for (var typeSpecName in typeSpecs) {
         if (has(typeSpecs, typeSpecName)) {
@@ -1986,7 +2042,7 @@
 
   function getDeclarationErrorAddendum() {
     if (ReactCurrentOwner.current) {
-      var name = getComponentName(ReactCurrentOwner.current.type);
+      var name = getComponentNameFromType(ReactCurrentOwner.current.type);
 
       if (name) {
         return '\n\nCheck the render method of `' + name + '`.';
@@ -2068,7 +2124,7 @@
 
     if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
       // Give the component that originally created this child.
-      childOwner = " It was passed a child from " + getComponentName(element._owner.type) + ".";
+      childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
     }
 
     {
@@ -2095,7 +2151,7 @@
       return;
     }
 
-    if (Array.isArray(node)) {
+    if (isArray(node)) {
       for (var i = 0; i < node.length; i++) {
         var child = node[i];
 
@@ -2157,12 +2213,12 @@
 
       if (propTypes) {
         // Intentionally inside to avoid triggering lazy initializers:
-        var name = getComponentName(type);
+        var name = getComponentNameFromType(type);
         checkPropTypes(propTypes, element.props, 'prop', name, element);
       } else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
         propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
 
-        var _name = getComponentName(type);
+        var _name = getComponentNameFromType(type);
 
         error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
       }
@@ -2227,10 +2283,10 @@
 
       if (type === null) {
         typeString = 'null';
-      } else if (Array.isArray(type)) {
+      } else if (isArray(type)) {
         typeString = 'array';
       } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
-        typeString = "<" + (getComponentName(type.type) || 'Unknown') + " />";
+        typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
         info = ' Did you accidentally export a JSX literal instead of a component?';
       } else {
         typeString = typeof type;
@@ -2306,231 +2362,61 @@
     return newElement;
   }
 
-  var enableSchedulerDebugging = false;
-  var enableProfiling = false;
-
-  var requestHostCallback;
-  var requestHostTimeout;
-  var cancelHostTimeout;
-  var shouldYieldToHost;
-  var requestPaint;
-  var getCurrentTime;
-  var forceFrameRate;
-  var hasPerformanceNow = typeof performance === 'object' && typeof performance.now === 'function';
-
-  if (hasPerformanceNow) {
-    var localPerformance = performance;
-
-    getCurrentTime = function () {
-      return localPerformance.now();
+  function createMutableSource(source, getVersion) {
+    var mutableSource = {
+      _getVersion: getVersion,
+      _source: source,
+      _workInProgressVersionPrimary: null,
+      _workInProgressVersionSecondary: null
     };
-  } else {
-    var localDate = Date;
-    var initialTime = localDate.now();
-
-    getCurrentTime = function () {
-      return localDate.now() - initialTime;
-    };
-  }
-
-  if ( // If Scheduler runs in a non-DOM environment, it falls back to a naive
-  // implementation using setTimeout.
-  typeof window === 'undefined' || // Check if MessageChannel is supported, too.
-  typeof MessageChannel !== 'function') {
-    // If this accidentally gets imported in a non-browser environment, e.g. JavaScriptCore,
-    // fallback to a naive implementation.
-    var _callback = null;
-    var _timeoutID = null;
-
-    var _flushCallback = function () {
-      if (_callback !== null) {
-        try {
-          var currentTime = getCurrentTime();
-          var hasRemainingTime = true;
-
-          _callback(hasRemainingTime, currentTime);
-
-          _callback = null;
-        } catch (e) {
-          setTimeout(_flushCallback, 0);
-          throw e;
-        }
-      }
-    };
-
-    requestHostCallback = function (cb) {
-      if (_callback !== null) {
-        // Protect against re-entrancy.
-        setTimeout(requestHostCallback, 0, cb);
-      } else {
-        _callback = cb;
-        setTimeout(_flushCallback, 0);
-      }
-    };
-
-    requestHostTimeout = function (cb, ms) {
-      _timeoutID = setTimeout(cb, ms);
-    };
-
-    cancelHostTimeout = function () {
-      clearTimeout(_timeoutID);
-    };
-
-    shouldYieldToHost = function () {
-      return false;
-    };
-
-    requestPaint = forceFrameRate = function () {};
-  } else {
-    // Capture local references to native APIs, in case a polyfill overrides them.
-    var _setTimeout = window.setTimeout;
-    var _clearTimeout = window.clearTimeout;
-
-    if (typeof console !== 'undefined') {
-      // TODO: Scheduler no longer requires these methods to be polyfilled. But
-      // maybe we want to continue warning if they don't exist, to preserve the
-      // option to rely on it in the future?
-      var requestAnimationFrame = window.requestAnimationFrame;
-      var cancelAnimationFrame = window.cancelAnimationFrame;
-
-      if (typeof requestAnimationFrame !== 'function') {
-        // Using console['error'] to evade Babel and ESLint
-        console['error']("This browser doesn't support requestAnimationFrame. " + 'Make sure that you load a ' + 'polyfill in older browsers. https://reactjs.org/link/react-polyfills');
-      }
-
-      if (typeof cancelAnimationFrame !== 'function') {
-        // Using console['error'] to evade Babel and ESLint
-        console['error']("This browser doesn't support cancelAnimationFrame. " + 'Make sure that you load a ' + 'polyfill in older browsers. https://reactjs.org/link/react-polyfills');
-      }
-    }
-
-    var isMessageLoopRunning = false;
-    var scheduledHostCallback = null;
-    var taskTimeoutID = -1; // Scheduler periodically yields in case there is other work on the main
-    // thread, like user events. By default, it yields multiple times per frame.
-    // It does not attempt to align with frame boundaries, since most tasks don't
-    // need to be frame aligned; for those that do, use requestAnimationFrame.
-
-    var yieldInterval = 5;
-    var deadline = 0; // TODO: Make this configurable
 
     {
-      // `isInputPending` is not available. Since we have no way of knowing if
-      // there's pending input, always yield at the end of the frame.
-      shouldYieldToHost = function () {
-        return getCurrentTime() >= deadline;
-      }; // Since we yield every frame regardless, `requestPaint` has no effect.
+      mutableSource._currentPrimaryRenderer = null;
+      mutableSource._currentSecondaryRenderer = null; // Used to detect side effects that update a mutable source during render.
+      // See https://github.com/facebook/react/issues/19948
 
-
-      requestPaint = function () {};
+      mutableSource._currentlyRenderingFiber = null;
+      mutableSource._initialVersionAsOfFirstRender = null;
     }
 
-    forceFrameRate = function (fps) {
-      if (fps < 0 || fps > 125) {
-        // Using console['error'] to evade Babel and ESLint
-        console['error']('forceFrameRate takes a positive int between 0 and 125, ' + 'forcing frame rates higher than 125 fps is not supported');
-        return;
-      }
-
-      if (fps > 0) {
-        yieldInterval = Math.floor(1000 / fps);
-      } else {
-        // reset the framerate
-        yieldInterval = 5;
-      }
-    };
-
-    var performWorkUntilDeadline = function () {
-      if (scheduledHostCallback !== null) {
-        var currentTime = getCurrentTime(); // Yield after `yieldInterval` ms, regardless of where we are in the vsync
-        // cycle. This means there's always time remaining at the beginning of
-        // the message event.
-
-        deadline = currentTime + yieldInterval;
-        var hasTimeRemaining = true;
-
-        try {
-          var hasMoreWork = scheduledHostCallback(hasTimeRemaining, currentTime);
-
-          if (!hasMoreWork) {
-            isMessageLoopRunning = false;
-            scheduledHostCallback = null;
-          } else {
-            // If there's more work, schedule the next message event at the end
-            // of the preceding one.
-            port.postMessage(null);
-          }
-        } catch (error) {
-          // If a scheduler task throws, exit the current browser task so the
-          // error can be observed.
-          port.postMessage(null);
-          throw error;
-        }
-      } else {
-        isMessageLoopRunning = false;
-      } // Yielding to the browser will give it a chance to paint, so we can
-    };
-
-    var channel = new MessageChannel();
-    var port = channel.port2;
-    channel.port1.onmessage = performWorkUntilDeadline;
-
-    requestHostCallback = function (callback) {
-      scheduledHostCallback = callback;
-
-      if (!isMessageLoopRunning) {
-        isMessageLoopRunning = true;
-        port.postMessage(null);
-      }
-    };
-
-    requestHostTimeout = function (callback, ms) {
-      taskTimeoutID = _setTimeout(function () {
-        callback(getCurrentTime());
-      }, ms);
-    };
-
-    cancelHostTimeout = function () {
-      _clearTimeout(taskTimeoutID);
-
-      taskTimeoutID = -1;
-    };
+    return mutableSource;
   }
 
+  var enableSchedulerDebugging = false;
+  var enableProfiling = false;
+
   function push(heap, node) {
     var index = heap.length;
     heap.push(node);
     siftUp(heap, node, index);
   }
   function peek(heap) {
-    var first = heap[0];
-    return first === undefined ? null : first;
+    return heap.length === 0 ? null : heap[0];
   }
   function pop(heap) {
-    var first = heap[0];
-
-    if (first !== undefined) {
-      var last = heap.pop();
+    if (heap.length === 0) {
+      return null;
+    }
 
-      if (last !== first) {
-        heap[0] = last;
-        siftDown(heap, last, 0);
-      }
+    var first = heap[0];
+    var last = heap.pop();
 
-      return first;
-    } else {
-      return null;
+    if (last !== first) {
+      heap[0] = last;
+      siftDown(heap, last, 0);
     }
+
+    return first;
   }
 
   function siftUp(heap, node, i) {
     var index = i;
 
-    while (true) {
+    while (index > 0) {
       var parentIndex = index - 1 >>> 1;
       var parent = heap[parentIndex];
 
-      if (parent !== undefined && compare(parent, node) > 0) {
+      if (compare(parent, node) > 0) {
         // The parent is larger. Swap positions.
         heap[parentIndex] = node;
         heap[index] = parent;
@@ -2545,15 +2431,16 @@
   function siftDown(heap, node, i) {
     var index = i;
     var length = heap.length;
+    var halfLength = length >>> 1;
 
-    while (index < length) {
+    while (index < halfLength) {
       var leftIndex = (index + 1) * 2 - 1;
       var left = heap[leftIndex];
       var rightIndex = leftIndex + 1;
       var right = heap[rightIndex]; // If the left or right node is smaller, swap with the smaller of those.
 
-      if (left !== undefined && compare(left, node) < 0) {
-        if (right !== undefined && compare(right, left) < 0) {
+      if (compare(left, node) < 0) {
+        if (rightIndex < length && compare(right, left) < 0) {
           heap[index] = right;
           heap[rightIndex] = node;
           index = rightIndex;
@@ -2562,7 +2449,7 @@
           heap[leftIndex] = node;
           index = leftIndex;
         }
-      } else if (right !== undefined && compare(right, node) < 0) {
+      } else if (rightIndex < length && compare(right, node) < 0) {
         heap[index] = right;
         heap[rightIndex] = node;
         index = rightIndex;
@@ -2590,9 +2477,27 @@
   }
 
   /* eslint-disable no-var */
+  var getCurrentTime;
+  var hasPerformanceNow = typeof performance === 'object' && typeof performance.now === 'function';
+
+  if (hasPerformanceNow) {
+    var localPerformance = performance;
+
+    getCurrentTime = function () {
+      return localPerformance.now();
+    };
+  } else {
+    var localDate = Date;
+    var initialTime = localDate.now();
+
+    getCurrentTime = function () {
+      return localDate.now() - initialTime;
+    };
+  } // Max 31 bit integer. The max integer size in V8 for 32-bit systems.
   // Math.pow(2, 30) - 1
   // 0b111111111111111111111111111111
 
+
   var maxSigned31BitInt = 1073741823; // Times out immediately
 
   var IMMEDIATE_PRIORITY_TIMEOUT = -1; // Eventually times out
@@ -2612,7 +2517,11 @@
 
   var isPerformingWork = false;
   var isHostCallbackScheduled = false;
-  var isHostTimeoutScheduled = false;
+  var isHostTimeoutScheduled = false; // Capture local references to native APIs, in case a polyfill overrides them.
+
+  var localSetTimeout = typeof setTimeout === 'function' ? setTimeout : null;
+  var localClearTimeout = typeof clearTimeout === 'function' ? clearTimeout : null;
+  var localSetImmediate = typeof setImmediate !== 'undefined' ? setImmediate : null; // IE and Node.js + jsdom
 
   function advanceTimers(currentTime) {
     // Check for tasks that are no longer delayed and add them to the queue.
@@ -2919,370 +2828,156 @@
     return currentPriorityLevel;
   }
 
-  var unstable_requestPaint = requestPaint;
-  var unstable_Profiling =  null;
-
+  var isMessageLoopRunning = false;
+  var scheduledHostCallback = null;
+  var taskTimeoutID = -1; // Scheduler periodically yields in case there is other work on the main
+  // thread, like user events. By default, it yields multiple times per frame.
+  // It does not attempt to align with frame boundaries, since most tasks don't
+  // need to be frame aligned; for those that do, use requestAnimationFrame.
 
+  var yieldInterval = 5;
+  var deadline = 0; // TODO: Make this configurable
 
-  var Scheduler = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    unstable_ImmediatePriority: ImmediatePriority,
-    unstable_UserBlockingPriority: UserBlockingPriority,
-    unstable_NormalPriority: NormalPriority,
-    unstable_IdlePriority: IdlePriority,
-    unstable_LowPriority: LowPriority,
-    unstable_runWithPriority: unstable_runWithPriority,
-    unstable_next: unstable_next,
-    unstable_scheduleCallback: unstable_scheduleCallback,
-    unstable_cancelCallback: unstable_cancelCallback,
-    unstable_wrapCallback: unstable_wrapCallback,
-    unstable_getCurrentPriorityLevel: unstable_getCurrentPriorityLevel,
-    get unstable_shouldYield () { return shouldYieldToHost; },
-    unstable_requestPaint: unstable_requestPaint,
-    unstable_continueExecution: unstable_continueExecution,
-    unstable_pauseExecution: unstable_pauseExecution,
-    unstable_getFirstCallbackNode: unstable_getFirstCallbackNode,
-    get unstable_now () { return getCurrentTime; },
-    get unstable_forceFrameRate () { return forceFrameRate; },
-    unstable_Profiling: unstable_Profiling
-  });
-
-  var DEFAULT_THREAD_ID = 0; // Counters used to generate unique IDs.
-
-  var interactionIDCounter = 0;
-  var threadIDCounter = 0; // Set of currently traced interactions.
-  // Interactions "stack"–
-  // Meaning that newly traced interactions are appended to the previously active set.
-  // When an interaction goes out of scope, the previous set (if any) is restored.
-
-  var interactionsRef = null; // Listener(s) to notify when interactions begin and end.
-
-  var subscriberRef = null;
-
-  {
-    interactionsRef = {
-      current: new Set()
-    };
-    subscriberRef = {
-      current: null
-    };
-  }
-  function unstable_clear(callback) {
-
-    var prevInteractions = interactionsRef.current;
-    interactionsRef.current = new Set();
-
-    try {
-      return callback();
-    } finally {
-      interactionsRef.current = prevInteractions;
-    }
-  }
-  function unstable_getCurrent() {
+  function shouldYieldToHost() {
     {
-      return interactionsRef.current;
+      // `isInputPending` is not available. Since we have no way of knowing if
+      // there's pending input, always yield at the end of the frame.
+      return getCurrentTime() >= deadline;
     }
   }
-  function unstable_getThreadID() {
-    return ++threadIDCounter;
-  }
-  function unstable_trace(name, timestamp, callback) {
-    var threadID = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : DEFAULT_THREAD_ID;
 
-    var interaction = {
-      __count: 1,
-      id: interactionIDCounter++,
-      name: name,
-      timestamp: timestamp
-    };
-    var prevInteractions = interactionsRef.current; // Traced interactions should stack/accumulate.
-    // To do that, clone the current interactions.
-    // The previous set will be restored upon completion.
+  function requestPaint() {
 
-    var interactions = new Set(prevInteractions);
-    interactions.add(interaction);
-    interactionsRef.current = interactions;
-    var subscriber = subscriberRef.current;
-    var returnValue;
-
-    try {
-      if (subscriber !== null) {
-        subscriber.onInteractionTraced(interaction);
-      }
-    } finally {
-      try {
-        if (subscriber !== null) {
-          subscriber.onWorkStarted(interactions, threadID);
-        }
-      } finally {
-        try {
-          returnValue = callback();
-        } finally {
-          interactionsRef.current = prevInteractions;
-
-          try {
-            if (subscriber !== null) {
-              subscriber.onWorkStopped(interactions, threadID);
-            }
-          } finally {
-            interaction.__count--; // If no async work was scheduled for this interaction,
-            // Notify subscribers that it's completed.
+  }
 
-            if (subscriber !== null && interaction.__count === 0) {
-              subscriber.onInteractionScheduledWorkCompleted(interaction);
-            }
-          }
-        }
-      }
+  function forceFrameRate(fps) {
+    if (fps < 0 || fps > 125) {
+      // Using console['error'] to evade Babel and ESLint
+      console['error']('forceFrameRate takes a positive int between 0 and 125, ' + 'forcing frame rates higher than 125 fps is not supported');
+      return;
     }
 
-    return returnValue;
+    if (fps > 0) {
+      yieldInterval = Math.floor(1000 / fps);
+    } else {
+      // reset the framerate
+      yieldInterval = 5;
+    }
   }
-  function unstable_wrap(callback) {
-    var threadID = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEFAULT_THREAD_ID;
-
-    var wrappedInteractions = interactionsRef.current;
-    var subscriber = subscriberRef.current;
-
-    if (subscriber !== null) {
-      subscriber.onWorkScheduled(wrappedInteractions, threadID);
-    } // Update the pending async work count for the current interactions.
-    // Update after calling subscribers in case of error.
 
+  var performWorkUntilDeadline = function () {
+    if (scheduledHostCallback !== null) {
+      var currentTime = getCurrentTime(); // Yield after `yieldInterval` ms, regardless of where we are in the vsync
+      // cycle. This means there's always time remaining at the beginning of
+      // the message event.
 
-    wrappedInteractions.forEach(function (interaction) {
-      interaction.__count++;
-    });
-    var hasRun = false;
+      deadline = currentTime + yieldInterval;
+      var hasTimeRemaining = true; // If a scheduler task throws, exit the current browser task so the
+      // error can be observed.
+      //
+      // Intentionally not using a try-catch, since that makes some debugging
+      // techniques harder. Instead, if `scheduledHostCallback` errors, then
+      // `hasMoreWork` will remain true, and we'll continue the work loop.
 
-    function wrapped() {
-      var prevInteractions = interactionsRef.current;
-      interactionsRef.current = wrappedInteractions;
-      subscriber = subscriberRef.current;
+      var hasMoreWork = true;
 
       try {
-        var returnValue;
-
-        try {
-          if (subscriber !== null) {
-            subscriber.onWorkStarted(wrappedInteractions, threadID);
-          }
-        } finally {
-          try {
-            returnValue = callback.apply(undefined, arguments);
-          } finally {
-            interactionsRef.current = prevInteractions;
-
-            if (subscriber !== null) {
-              subscriber.onWorkStopped(wrappedInteractions, threadID);
-            }
-          }
-        }
-
-        return returnValue;
+        hasMoreWork = scheduledHostCallback(hasTimeRemaining, currentTime);
       } finally {
-        if (!hasRun) {
-          // We only expect a wrapped function to be executed once,
-          // But in the event that it's executed more than once–
-          // Only decrement the outstanding interaction counts once.
-          hasRun = true; // Update pending async counts for all wrapped interactions.
-          // If this was the last scheduled async work for any of them,
-          // Mark them as completed.
-
-          wrappedInteractions.forEach(function (interaction) {
-            interaction.__count--;
-
-            if (subscriber !== null && interaction.__count === 0) {
-              subscriber.onInteractionScheduledWorkCompleted(interaction);
-            }
-          });
+        if (hasMoreWork) {
+          // If there's more work, schedule the next message event at the end
+          // of the preceding one.
+          schedulePerformWorkUntilDeadline();
+        } else {
+          isMessageLoopRunning = false;
+          scheduledHostCallback = null;
         }
       }
-    }
-
-    wrapped.cancel = function cancel() {
-      subscriber = subscriberRef.current;
+    } else {
+      isMessageLoopRunning = false;
+    } // Yielding to the browser will give it a chance to paint, so we can
+  };
 
-      try {
-        if (subscriber !== null) {
-          subscriber.onWorkCanceled(wrappedInteractions, threadID);
-        }
-      } finally {
-        // Update pending async counts for all wrapped interactions.
-        // If this was the last scheduled async work for any of them,
-        // Mark them as completed.
-        wrappedInteractions.forEach(function (interaction) {
-          interaction.__count--;
-
-          if (subscriber && interaction.__count === 0) {
-            subscriber.onInteractionScheduledWorkCompleted(interaction);
-          }
-        });
-      }
+  var schedulePerformWorkUntilDeadline;
+
+  if (typeof localSetImmediate === 'function') {
+    // Node.js and old IE.
+    // There's a few reasons for why we prefer setImmediate.
+    //
+    // Unlike MessageChannel, it doesn't prevent a Node.js process from exiting.
+    // (Even though this is a DOM fork of the Scheduler, you could get here
+    // with a mix of Node.js 15+, which has a MessageChannel, and jsdom.)
+    // https://github.com/facebook/react/issues/20756
+    //
+    // But also, it runs earlier which is the semantic we want.
+    // If other browsers ever implement it, it's better to use it.
+    // Although both of these would be inferior to native scheduling.
+    schedulePerformWorkUntilDeadline = function () {
+      localSetImmediate(performWorkUntilDeadline);
     };
+  } else if (typeof MessageChannel !== 'undefined') {
+    // DOM and Worker environments.
+    // We prefer MessageChannel because of the 4ms setTimeout clamping.
+    var channel = new MessageChannel();
+    var port = channel.port2;
+    channel.port1.onmessage = performWorkUntilDeadline;
 
-    return wrapped;
-  }
-
-  var subscribers = null;
-
-  {
-    subscribers = new Set();
-  }
-
-  function unstable_subscribe(subscriber) {
-    {
-      subscribers.add(subscriber);
-
-      if (subscribers.size === 1) {
-        subscriberRef.current = {
-          onInteractionScheduledWorkCompleted: onInteractionScheduledWorkCompleted,
-          onInteractionTraced: onInteractionTraced,
-          onWorkCanceled: onWorkCanceled,
-          onWorkScheduled: onWorkScheduled,
-          onWorkStarted: onWorkStarted,
-          onWorkStopped: onWorkStopped
-        };
-      }
-    }
-  }
-  function unstable_unsubscribe(subscriber) {
-    {
-      subscribers.delete(subscriber);
-
-      if (subscribers.size === 0) {
-        subscriberRef.current = null;
-      }
-    }
+    schedulePerformWorkUntilDeadline = function () {
+      port.postMessage(null);
+    };
+  } else {
+    // We should only fallback here in non-browser environments.
+    schedulePerformWorkUntilDeadline = function () {
+      localSetTimeout(performWorkUntilDeadline, 0);
+    };
   }
 
-  function onInteractionTraced(interaction) {
-    var didCatchError = false;
-    var caughtError = null;
-    subscribers.forEach(function (subscriber) {
-      try {
-        subscriber.onInteractionTraced(interaction);
-      } catch (error) {
-        if (!didCatchError) {
-          didCatchError = true;
-          caughtError = error;
-        }
-      }
-    });
+  function requestHostCallback(callback) {
+    scheduledHostCallback = callback;
 
-    if (didCatchError) {
-      throw caughtError;
+    if (!isMessageLoopRunning) {
+      isMessageLoopRunning = true;
+      schedulePerformWorkUntilDeadline();
     }
   }
 
-  function onInteractionScheduledWorkCompleted(interaction) {
-    var didCatchError = false;
-    var caughtError = null;
-    subscribers.forEach(function (subscriber) {
-      try {
-        subscriber.onInteractionScheduledWorkCompleted(interaction);
-      } catch (error) {
-        if (!didCatchError) {
-          didCatchError = true;
-          caughtError = error;
-        }
-      }
-    });
-
-    if (didCatchError) {
-      throw caughtError;
-    }
+  function requestHostTimeout(callback, ms) {
+    taskTimeoutID = localSetTimeout(function () {
+      callback(getCurrentTime());
+    }, ms);
   }
 
-  function onWorkScheduled(interactions, threadID) {
-    var didCatchError = false;
-    var caughtError = null;
-    subscribers.forEach(function (subscriber) {
-      try {
-        subscriber.onWorkScheduled(interactions, threadID);
-      } catch (error) {
-        if (!didCatchError) {
-          didCatchError = true;
-          caughtError = error;
-        }
-      }
-    });
-
-    if (didCatchError) {
-      throw caughtError;
-    }
+  function cancelHostTimeout() {
+    localClearTimeout(taskTimeoutID);
+    taskTimeoutID = -1;
   }
 
-  function onWorkStarted(interactions, threadID) {
-    var didCatchError = false;
-    var caughtError = null;
-    subscribers.forEach(function (subscriber) {
-      try {
-        subscriber.onWorkStarted(interactions, threadID);
-      } catch (error) {
-        if (!didCatchError) {
-          didCatchError = true;
-          caughtError = error;
-        }
-      }
-    });
-
-    if (didCatchError) {
-      throw caughtError;
-    }
-  }
-
-  function onWorkStopped(interactions, threadID) {
-    var didCatchError = false;
-    var caughtError = null;
-    subscribers.forEach(function (subscriber) {
-      try {
-        subscriber.onWorkStopped(interactions, threadID);
-      } catch (error) {
-        if (!didCatchError) {
-          didCatchError = true;
-          caughtError = error;
-        }
-      }
-    });
-
-    if (didCatchError) {
-      throw caughtError;
-    }
-  }
-
-  function onWorkCanceled(interactions, threadID) {
-    var didCatchError = false;
-    var caughtError = null;
-    subscribers.forEach(function (subscriber) {
-      try {
-        subscriber.onWorkCanceled(interactions, threadID);
-      } catch (error) {
-        if (!didCatchError) {
-          didCatchError = true;
-          caughtError = error;
-        }
-      }
-    });
-
-    if (didCatchError) {
-      throw caughtError;
-    }
-  }
+  var unstable_requestPaint = requestPaint;
+  var unstable_Profiling =  null;
 
 
 
-  var SchedulerTracing = /*#__PURE__*/Object.freeze({
+  var Scheduler = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    get __interactionsRef () { return interactionsRef; },
-    get __subscriberRef () { return subscriberRef; },
-    unstable_clear: unstable_clear,
-    unstable_getCurrent: unstable_getCurrent,
-    unstable_getThreadID: unstable_getThreadID,
-    unstable_trace: unstable_trace,
-    unstable_wrap: unstable_wrap,
-    unstable_subscribe: unstable_subscribe,
-    unstable_unsubscribe: unstable_unsubscribe
+    unstable_ImmediatePriority: ImmediatePriority,
+    unstable_UserBlockingPriority: UserBlockingPriority,
+    unstable_NormalPriority: NormalPriority,
+    unstable_IdlePriority: IdlePriority,
+    unstable_LowPriority: LowPriority,
+    unstable_runWithPriority: unstable_runWithPriority,
+    unstable_next: unstable_next,
+    unstable_scheduleCallback: unstable_scheduleCallback,
+    unstable_cancelCallback: unstable_cancelCallback,
+    unstable_wrapCallback: unstable_wrapCallback,
+    unstable_getCurrentPriorityLevel: unstable_getCurrentPriorityLevel,
+    unstable_shouldYield: shouldYieldToHost,
+    unstable_requestPaint: unstable_requestPaint,
+    unstable_continueExecution: unstable_continueExecution,
+    unstable_pauseExecution: unstable_pauseExecution,
+    unstable_getFirstCallbackNode: unstable_getFirstCallbackNode,
+    get unstable_now () { return getCurrentTime; },
+    unstable_forceFrameRate: forceFrameRate,
+    unstable_Profiling: unstable_Profiling
   });
 
   var ReactSharedInternals$1 = {
@@ -3297,24 +2992,21 @@
     // Since that would be a breaking change (e.g. for all existing CodeSandboxes).
     // This re-export is only required for UMD bundles;
     // CJS bundles use the shared NPM package.
-    Scheduler: Scheduler,
-    SchedulerTracing: SchedulerTracing
+    Scheduler: Scheduler
   };
 
   {
     ReactSharedInternals$1.ReactDebugCurrentFrame = ReactDebugCurrentFrame;
   }
 
-  {
+  function startTransition(scope) {
+    var prevTransition = ReactCurrentBatchConfig.transition;
+    ReactCurrentBatchConfig.transition = 1;
 
     try {
-      var frozenObject = Object.freeze({});
-      /* eslint-disable no-new */
-
-      new Map([[frozenObject, null]]);
-      new Set([frozenObject]);
-      /* eslint-enable no-new */
-    } catch (e) {
+      scope();
+    } finally {
+      ReactCurrentBatchConfig.transition = prevTransition;
     }
   }
 
@@ -3342,9 +3034,14 @@
   exports.isValidElement = isValidElement;
   exports.lazy = lazy;
   exports.memo = memo;
+  exports.startTransition = startTransition;
+  exports.unstable_createMutableSource = createMutableSource;
+  exports.unstable_useMutableSource = useMutableSource;
+  exports.unstable_useOpaqueIdentifier = useOpaqueIdentifier;
   exports.useCallback = useCallback;
   exports.useContext = useContext;
   exports.useDebugValue = useDebugValue;
+  exports.useDeferredValue = useDeferredValue;
   exports.useEffect = useEffect;
   exports.useImperativeHandle = useImperativeHandle;
   exports.useLayoutEffect = useLayoutEffect;
@@ -3352,6 +3049,7 @@
   exports.useReducer = useReducer;
   exports.useRef = useRef;
   exports.useState = useState;
+  exports.useTransition = useTransition;
   exports.version = ReactVersion;
 
 })));