fix: devtools source field disappears after component remount (#27297)

## Summary

Fixes: https://github.com/facebook/react/issues/27296

On actions that cause a component to change its signature, and therefore
to remount, the `_debugSource` property of the fiber updates in delay
and causes the `devtools` source field to vanish.

This issue happens in
https://github.com/facebook/react/blob/main/packages/react-reconciler/src/ReactFiberBeginWork.js

```js
function beginWork(
  current: Fiber | null,
  workInProgress: Fiber,
  renderLanes: Lanes,
): Fiber | null {
  if (__DEV__) {
    if (workInProgress._debugNeedsRemount && current !== null) {
      // This will restart the begin phase with a new fiber.
      return remountFiber(
        current,
        workInProgress,
        createFiberFromTypeAndProps(
          workInProgress.type,
          workInProgress.key,
          workInProgress.pendingProps,
          workInProgress._debugOwner || null,
          workInProgress.mode,
          workInProgress.lanes,
        ),
      );
    }
  }

  // ...
```

`remountFiber` uses the 3rd parameter as the new fiber
(`createFiberFromTypeAndProps(...)`), but this parameter doesn’t contain
a `_debugSource`.

## How did you test this change?

Tested by monkey patching
`./node_modules/react-dom/cjs/react-dom.development.js`:
<img width="1749" alt="image"
src="https://github.com/facebook/react/assets/75563024/ccaf7fab-4cc9-4c05-a48b-64db6f55dc23">

https://github.com/facebook/react/assets/75563024/0650ae5c-b277-44d1-acbb-a08d98bd38e0

DiffTrain build for [eaa696876e](https://github.com/facebook/react/commit/eaa696876ee40bb048727aefe995be1bbb7384a8)
This commit is contained in:
hoxyq
2023-08-29 15:47:57 +00:00
parent 5a211bb7c8
commit c4d091a1dc
20 changed files with 250 additions and 158 deletions
+1 -1
View File
@@ -1 +1 @@
4129ea8c922b950be3964f98d2bb74ff4a1c5431
eaa696876ee40bb048727aefe995be1bbb7384a8
+1 -1
View File
@@ -27,7 +27,7 @@ if (
}
"use strict";
var ReactVersion = "18.3.0-www-classic-44782c01";
var ReactVersion = "18.3.0-www-classic-06724970";
// ATTENTION
// When adding new symbols to this file,
+1 -1
View File
@@ -27,7 +27,7 @@ if (
}
"use strict";
var ReactVersion = "18.3.0-www-modern-c6e988f2";
var ReactVersion = "18.3.0-www-modern-5ec21dc5";
// ATTENTION
// When adding new symbols to this file,
+1 -1
View File
@@ -615,4 +615,4 @@ exports.useSyncExternalStore = function (
exports.useTransition = function () {
return ReactCurrentDispatcher.current.useTransition();
};
exports.version = "18.3.0-www-modern-cbca474e";
exports.version = "18.3.0-www-modern-feef7178";
@@ -69,7 +69,7 @@ function _assertThisInitialized(self) {
return self;
}
var ReactVersion = "18.3.0-www-classic-958fdb2b";
var ReactVersion = "18.3.0-www-classic-bb068684";
var LegacyRoot = 0;
var ConcurrentRoot = 1;
@@ -13766,6 +13766,7 @@ function updateMemoComponent(
Component.type,
null,
nextProps,
null,
workInProgress,
workInProgress.mode,
renderLanes
@@ -16787,6 +16788,7 @@ function beginWork$1(current, workInProgress, renderLanes) {
workInProgress.type,
workInProgress.key,
workInProgress.pendingProps,
workInProgress._debugSource || null,
workInProgress._debugOwner || null,
workInProgress.mode,
workInProgress.lanes
@@ -21024,6 +21026,7 @@ function detachFiberAfterEffects(fiber) {
fiber.stateNode = null;
{
fiber._debugSource = null;
fiber._debugOwner = null;
} // Theoretically, nothing in here should be necessary, because we already
// disconnected the fiber from the tree. So even if something leaks this
@@ -27869,6 +27872,7 @@ function createFiberFromTypeAndProps(
type, // React$ElementType
key,
pendingProps,
source,
owner,
mode,
lanes
@@ -28031,15 +28035,18 @@ function createFiberFromTypeAndProps(
fiber.lanes = lanes;
{
fiber._debugSource = source;
fiber._debugOwner = owner;
}
return fiber;
}
function createFiberFromElement(element, mode, lanes) {
var source = null;
var owner = null;
{
source = element._source;
owner = element._owner;
}
@@ -28050,6 +28057,7 @@ function createFiberFromElement(element, mode, lanes) {
type,
key,
pendingProps,
source,
owner,
mode,
lanes
+9 -1
View File
@@ -69,7 +69,7 @@ function _assertThisInitialized(self) {
return self;
}
var ReactVersion = "18.3.0-www-modern-94891484";
var ReactVersion = "18.3.0-www-modern-fa00f381";
var LegacyRoot = 0;
var ConcurrentRoot = 1;
@@ -13488,6 +13488,7 @@ function updateMemoComponent(
Component.type,
null,
nextProps,
null,
workInProgress,
workInProgress.mode,
renderLanes
@@ -16481,6 +16482,7 @@ function beginWork$1(current, workInProgress, renderLanes) {
workInProgress.type,
workInProgress.key,
workInProgress.pendingProps,
workInProgress._debugSource || null,
workInProgress._debugOwner || null,
workInProgress.mode,
workInProgress.lanes
@@ -20689,6 +20691,7 @@ function detachFiberAfterEffects(fiber) {
fiber.stateNode = null;
{
fiber._debugSource = null;
fiber._debugOwner = null;
} // Theoretically, nothing in here should be necessary, because we already
// disconnected the fiber from the tree. So even if something leaks this
@@ -27529,6 +27532,7 @@ function createFiberFromTypeAndProps(
type, // React$ElementType
key,
pendingProps,
source,
owner,
mode,
lanes
@@ -27691,15 +27695,18 @@ function createFiberFromTypeAndProps(
fiber.lanes = lanes;
{
fiber._debugSource = source;
fiber._debugOwner = owner;
}
return fiber;
}
function createFiberFromElement(element, mode, lanes) {
var source = null;
var owner = null;
{
source = element._source;
owner = element._owner;
}
@@ -27710,6 +27717,7 @@ function createFiberFromElement(element, mode, lanes) {
type,
key,
pendingProps,
source,
owner,
mode,
lanes
+21 -16
View File
@@ -1596,6 +1596,7 @@ function createChildReconciler(shouldTrackSideEffects) {
element.key,
element.props,
null,
null,
returnFiber.mode,
lanes
);
@@ -1658,6 +1659,7 @@ function createChildReconciler(shouldTrackSideEffects) {
newChild.key,
newChild.props,
null,
null,
returnFiber.mode,
lanes
)),
@@ -2060,6 +2062,7 @@ function createChildReconciler(shouldTrackSideEffects) {
newChild.key,
newChild.props,
null,
null,
returnFiber.mode,
lanes
)),
@@ -4016,6 +4019,7 @@ function updateMemoComponent(
Component.type,
null,
nextProps,
null,
workInProgress,
workInProgress.mode,
renderLanes
@@ -9701,20 +9705,21 @@ function createFiberFromTypeAndProps(
type,
key,
pendingProps,
source,
owner,
mode,
lanes
) {
var fiberTag = 2;
owner = type;
if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
else if ("string" === typeof type) fiberTag = 5;
owner = 2;
source = type;
if ("function" === typeof type) shouldConstruct(type) && (owner = 1);
else if ("string" === typeof type) owner = 5;
else
a: switch (type) {
case REACT_FRAGMENT_TYPE:
return createFiberFromFragment(pendingProps.children, mode, lanes, key);
case REACT_STRICT_MODE_TYPE:
fiberTag = 8;
owner = 8;
mode |= 8;
0 !== (mode & 1) &&
((mode |= 16),
@@ -9779,7 +9784,7 @@ function createFiberFromTypeAndProps(
);
case REACT_DEBUG_TRACING_MODE_TYPE:
if (enableDebugTracing) {
fiberTag = 8;
owner = 8;
mode |= 4;
break;
}
@@ -9787,29 +9792,29 @@ function createFiberFromTypeAndProps(
if ("object" === typeof type && null !== type)
switch (type.$$typeof) {
case REACT_PROVIDER_TYPE:
fiberTag = 10;
owner = 10;
break a;
case REACT_CONTEXT_TYPE:
fiberTag = 9;
owner = 9;
break a;
case REACT_FORWARD_REF_TYPE:
fiberTag = 11;
owner = 11;
break a;
case REACT_MEMO_TYPE:
fiberTag = 14;
owner = 14;
break a;
case REACT_LAZY_TYPE:
fiberTag = 16;
owner = null;
owner = 16;
source = null;
break a;
}
throw Error(
formatProdErrorMessage(130, null == type ? type : typeof type, "")
);
}
pendingProps = createFiber(fiberTag, pendingProps, key, mode);
pendingProps = createFiber(owner, pendingProps, key, mode);
pendingProps.elementType = type;
pendingProps.type = owner;
pendingProps.type = source;
pendingProps.lanes = lanes;
return pendingProps;
}
@@ -10110,7 +10115,7 @@ var slice = Array.prototype.slice,
return null;
},
bundleType: 0,
version: "18.3.0-www-classic-44782c01",
version: "18.3.0-www-classic-06724970",
rendererPackageName: "react-art"
};
var internals$jscomp$inline_1302 = {
@@ -10141,7 +10146,7 @@ var internals$jscomp$inline_1302 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-www-classic-44782c01"
reconcilerVersion: "18.3.0-www-classic-06724970"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_1303 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+21 -16
View File
@@ -1402,6 +1402,7 @@ function createChildReconciler(shouldTrackSideEffects) {
element.key,
element.props,
null,
null,
returnFiber.mode,
lanes
);
@@ -1464,6 +1465,7 @@ function createChildReconciler(shouldTrackSideEffects) {
newChild.key,
newChild.props,
null,
null,
returnFiber.mode,
lanes
)),
@@ -1866,6 +1868,7 @@ function createChildReconciler(shouldTrackSideEffects) {
newChild.key,
newChild.props,
null,
null,
returnFiber.mode,
lanes
)),
@@ -3807,6 +3810,7 @@ function updateMemoComponent(
Component.type,
null,
nextProps,
null,
workInProgress,
workInProgress.mode,
renderLanes
@@ -9406,20 +9410,21 @@ function createFiberFromTypeAndProps(
type,
key,
pendingProps,
source,
owner,
mode,
lanes
) {
var fiberTag = 2;
owner = type;
if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
else if ("string" === typeof type) fiberTag = 5;
owner = 2;
source = type;
if ("function" === typeof type) shouldConstruct(type) && (owner = 1);
else if ("string" === typeof type) owner = 5;
else
a: switch (type) {
case REACT_FRAGMENT_TYPE:
return createFiberFromFragment(pendingProps.children, mode, lanes, key);
case REACT_STRICT_MODE_TYPE:
fiberTag = 8;
owner = 8;
mode |= 8;
0 !== (mode & 1) &&
((mode |= 16),
@@ -9484,7 +9489,7 @@ function createFiberFromTypeAndProps(
);
case REACT_DEBUG_TRACING_MODE_TYPE:
if (enableDebugTracing) {
fiberTag = 8;
owner = 8;
mode |= 4;
break;
}
@@ -9492,29 +9497,29 @@ function createFiberFromTypeAndProps(
if ("object" === typeof type && null !== type)
switch (type.$$typeof) {
case REACT_PROVIDER_TYPE:
fiberTag = 10;
owner = 10;
break a;
case REACT_CONTEXT_TYPE:
fiberTag = 9;
owner = 9;
break a;
case REACT_FORWARD_REF_TYPE:
fiberTag = 11;
owner = 11;
break a;
case REACT_MEMO_TYPE:
fiberTag = 14;
owner = 14;
break a;
case REACT_LAZY_TYPE:
fiberTag = 16;
owner = null;
owner = 16;
source = null;
break a;
}
throw Error(
formatProdErrorMessage(130, null == type ? type : typeof type, "")
);
}
pendingProps = createFiber(fiberTag, pendingProps, key, mode);
pendingProps = createFiber(owner, pendingProps, key, mode);
pendingProps.elementType = type;
pendingProps.type = owner;
pendingProps.type = source;
pendingProps.lanes = lanes;
return pendingProps;
}
@@ -9775,7 +9780,7 @@ var slice = Array.prototype.slice,
return null;
},
bundleType: 0,
version: "18.3.0-www-modern-97ba3a46",
version: "18.3.0-www-modern-a89096af",
rendererPackageName: "react-art"
};
var internals$jscomp$inline_1282 = {
@@ -9806,7 +9811,7 @@ var internals$jscomp$inline_1282 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-www-modern-97ba3a46"
reconcilerVersion: "18.3.0-www-modern-a89096af"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_1283 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -18361,6 +18361,7 @@ function updateMemoComponent(
Component.type,
null,
nextProps,
null,
workInProgress,
workInProgress.mode,
renderLanes
@@ -21637,6 +21638,7 @@ function beginWork$1(current, workInProgress, renderLanes) {
workInProgress.type,
workInProgress.key,
workInProgress.pendingProps,
workInProgress._debugSource || null,
workInProgress._debugOwner || null,
workInProgress.mode,
workInProgress.lanes
@@ -26221,6 +26223,7 @@ function detachFiberAfterEffects(fiber) {
fiber.stateNode = null;
{
fiber._debugSource = null;
fiber._debugOwner = null;
} // Theoretically, nothing in here should be necessary, because we already
// disconnected the fiber from the tree. So even if something leaks this
@@ -33465,6 +33468,7 @@ function createFiberFromTypeAndProps(
type, // React$ElementType
key,
pendingProps,
source,
owner,
mode,
lanes
@@ -33632,15 +33636,18 @@ function createFiberFromTypeAndProps(
fiber.lanes = lanes;
{
fiber._debugSource = source;
fiber._debugOwner = owner;
}
return fiber;
}
function createFiberFromElement(element, mode, lanes) {
var source = null;
var owner = null;
{
source = element._source;
owner = element._owner;
}
@@ -33651,6 +33658,7 @@ function createFiberFromElement(element, mode, lanes) {
type,
key,
pendingProps,
source,
owner,
mode,
lanes
@@ -34000,7 +34008,7 @@ function createFiberRoot(
return root;
}
var ReactVersion = "18.3.0-www-classic-d49923a6";
var ReactVersion = "18.3.0-www-classic-d4ec9077";
function createPortal$1(
children,
+9 -1
View File
@@ -18268,6 +18268,7 @@ function updateMemoComponent(
Component.type,
null,
nextProps,
null,
workInProgress,
workInProgress.mode,
renderLanes
@@ -21516,6 +21517,7 @@ function beginWork$1(current, workInProgress, renderLanes) {
workInProgress.type,
workInProgress.key,
workInProgress.pendingProps,
workInProgress._debugSource || null,
workInProgress._debugOwner || null,
workInProgress.mode,
workInProgress.lanes
@@ -26071,6 +26073,7 @@ function detachFiberAfterEffects(fiber) {
fiber.stateNode = null;
{
fiber._debugSource = null;
fiber._debugOwner = null;
} // Theoretically, nothing in here should be necessary, because we already
// disconnected the fiber from the tree. So even if something leaks this
@@ -33310,6 +33313,7 @@ function createFiberFromTypeAndProps(
type, // React$ElementType
key,
pendingProps,
source,
owner,
mode,
lanes
@@ -33477,15 +33481,18 @@ function createFiberFromTypeAndProps(
fiber.lanes = lanes;
{
fiber._debugSource = source;
fiber._debugOwner = owner;
}
return fiber;
}
function createFiberFromElement(element, mode, lanes) {
var source = null;
var owner = null;
{
source = element._source;
owner = element._owner;
}
@@ -33496,6 +33503,7 @@ function createFiberFromElement(element, mode, lanes) {
type,
key,
pendingProps,
source,
owner,
mode,
lanes
@@ -33845,7 +33853,7 @@ function createFiberRoot(
return root;
}
var ReactVersion = "18.3.0-www-modern-94891484";
var ReactVersion = "18.3.0-www-modern-fa00f381";
function createPortal$1(
children,
+22 -17
View File
@@ -2372,6 +2372,7 @@ function createChildReconciler(shouldTrackSideEffects) {
element.key,
element.props,
null,
null,
returnFiber.mode,
lanes
);
@@ -2434,6 +2435,7 @@ function createChildReconciler(shouldTrackSideEffects) {
newChild.key,
newChild.props,
null,
null,
returnFiber.mode,
lanes
)),
@@ -2846,6 +2848,7 @@ function createChildReconciler(shouldTrackSideEffects) {
newChild.key,
newChild.props,
null,
null,
returnFiber.mode,
lanes
)),
@@ -5041,6 +5044,7 @@ function updateMemoComponent(
Component.type,
null,
nextProps,
null,
workInProgress,
workInProgress.mode,
renderLanes
@@ -11688,15 +11692,16 @@ function createFiberFromTypeAndProps(
type,
key,
pendingProps,
source,
owner,
mode,
lanes
) {
var fiberTag = 2;
owner = type;
if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
owner = 2;
source = type;
if ("function" === typeof type) shouldConstruct(type) && (owner = 1);
else if ("string" === typeof type)
fiberTag = isHostHoistableType(
owner = isHostHoistableType(
type,
pendingProps,
contextStackCursor$1.current
@@ -11710,7 +11715,7 @@ function createFiberFromTypeAndProps(
case REACT_FRAGMENT_TYPE:
return createFiberFromFragment(pendingProps.children, mode, lanes, key);
case REACT_STRICT_MODE_TYPE:
fiberTag = 8;
owner = 8;
mode |= 8;
0 !== (mode & 1) &&
((mode |= 16),
@@ -11775,7 +11780,7 @@ function createFiberFromTypeAndProps(
);
case REACT_DEBUG_TRACING_MODE_TYPE:
if (enableDebugTracing) {
fiberTag = 8;
owner = 8;
mode |= 4;
break;
}
@@ -11783,29 +11788,29 @@ function createFiberFromTypeAndProps(
if ("object" === typeof type && null !== type)
switch (type.$$typeof) {
case REACT_PROVIDER_TYPE:
fiberTag = 10;
owner = 10;
break a;
case REACT_CONTEXT_TYPE:
fiberTag = 9;
owner = 9;
break a;
case REACT_FORWARD_REF_TYPE:
fiberTag = 11;
owner = 11;
break a;
case REACT_MEMO_TYPE:
fiberTag = 14;
owner = 14;
break a;
case REACT_LAZY_TYPE:
fiberTag = 16;
owner = null;
owner = 16;
source = null;
break a;
}
throw Error(
formatProdErrorMessage(130, null == type ? type : typeof type, "")
);
}
pendingProps = createFiber(fiberTag, pendingProps, key, mode);
pendingProps = createFiber(owner, pendingProps, key, mode);
pendingProps.elementType = type;
pendingProps.type = owner;
pendingProps.type = source;
pendingProps.lanes = lanes;
return pendingProps;
}
@@ -16688,7 +16693,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1782 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "18.3.0-www-classic-96d8b30d",
version: "18.3.0-www-classic-99a4df19",
rendererPackageName: "react-dom"
};
var internals$jscomp$inline_2139 = {
@@ -16718,7 +16723,7 @@ var internals$jscomp$inline_2139 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-www-classic-96d8b30d"
reconcilerVersion: "18.3.0-www-classic-99a4df19"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2140 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -16957,4 +16962,4 @@ exports.unstable_renderSubtreeIntoContainer = function (
);
};
exports.unstable_runWithPriority = runWithPriority;
exports.version = "18.3.0-www-classic-96d8b30d";
exports.version = "18.3.0-www-classic-99a4df19";
+22 -21
View File
@@ -2265,6 +2265,7 @@ function createChildReconciler(shouldTrackSideEffects) {
element.key,
element.props,
null,
null,
returnFiber.mode,
lanes
);
@@ -2327,6 +2328,7 @@ function createChildReconciler(shouldTrackSideEffects) {
newChild.key,
newChild.props,
null,
null,
returnFiber.mode,
lanes
)),
@@ -2739,6 +2741,7 @@ function createChildReconciler(shouldTrackSideEffects) {
newChild.key,
newChild.props,
null,
null,
returnFiber.mode,
lanes
)),
@@ -4919,6 +4922,7 @@ function updateMemoComponent(
Component.type,
null,
nextProps,
null,
workInProgress,
workInProgress.mode,
renderLanes
@@ -11496,19 +11500,16 @@ function createFiberFromTypeAndProps(
type,
key,
pendingProps,
source,
owner,
mode,
lanes
) {
var fiberTag = 2;
owner = type;
if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
owner = 2;
source = type;
if ("function" === typeof type) shouldConstruct(type) && (owner = 1);
else if ("string" === typeof type)
fiberTag = isHostHoistableType(
type,
pendingProps,
contextStackCursor.current
)
owner = isHostHoistableType(type, pendingProps, contextStackCursor.current)
? 26
: "html" === type || "head" === type || "body" === type
? 27
@@ -11518,7 +11519,7 @@ function createFiberFromTypeAndProps(
case REACT_FRAGMENT_TYPE:
return createFiberFromFragment(pendingProps.children, mode, lanes, key);
case REACT_STRICT_MODE_TYPE:
fiberTag = 8;
owner = 8;
mode |= 8;
0 !== (mode & 1) &&
((mode |= 16),
@@ -11583,7 +11584,7 @@ function createFiberFromTypeAndProps(
);
case REACT_DEBUG_TRACING_MODE_TYPE:
if (enableDebugTracing) {
fiberTag = 8;
owner = 8;
mode |= 4;
break;
}
@@ -11591,29 +11592,29 @@ function createFiberFromTypeAndProps(
if ("object" === typeof type && null !== type)
switch (type.$$typeof) {
case REACT_PROVIDER_TYPE:
fiberTag = 10;
owner = 10;
break a;
case REACT_CONTEXT_TYPE:
fiberTag = 9;
owner = 9;
break a;
case REACT_FORWARD_REF_TYPE:
fiberTag = 11;
owner = 11;
break a;
case REACT_MEMO_TYPE:
fiberTag = 14;
owner = 14;
break a;
case REACT_LAZY_TYPE:
fiberTag = 16;
owner = null;
owner = 16;
source = null;
break a;
}
throw Error(
formatProdErrorMessage(130, null == type ? type : typeof type, "")
);
}
pendingProps = createFiber(fiberTag, pendingProps, key, mode);
pendingProps = createFiber(owner, pendingProps, key, mode);
pendingProps.elementType = type;
pendingProps.type = owner;
pendingProps.type = source;
pendingProps.lanes = lanes;
return pendingProps;
}
@@ -16218,7 +16219,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1741 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "18.3.0-www-modern-97ba3a46",
version: "18.3.0-www-modern-a89096af",
rendererPackageName: "react-dom"
};
var internals$jscomp$inline_2103 = {
@@ -16249,7 +16250,7 @@ var internals$jscomp$inline_2103 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-www-modern-97ba3a46"
reconcilerVersion: "18.3.0-www-modern-a89096af"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2104 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -16416,4 +16417,4 @@ exports.unstable_createEventHandle = function (type, options) {
return eventHandle;
};
exports.unstable_runWithPriority = runWithPriority;
exports.version = "18.3.0-www-modern-97ba3a46";
exports.version = "18.3.0-www-modern-a89096af";
@@ -2516,6 +2516,7 @@ function createChildReconciler(shouldTrackSideEffects) {
element.key,
element.props,
null,
null,
returnFiber.mode,
lanes
);
@@ -2578,6 +2579,7 @@ function createChildReconciler(shouldTrackSideEffects) {
newChild.key,
newChild.props,
null,
null,
returnFiber.mode,
lanes
)),
@@ -2990,6 +2992,7 @@ function createChildReconciler(shouldTrackSideEffects) {
newChild.key,
newChild.props,
null,
null,
returnFiber.mode,
lanes
)),
@@ -5262,6 +5265,7 @@ function updateMemoComponent(
Component.type,
null,
nextProps,
null,
workInProgress,
workInProgress.mode,
renderLanes
@@ -12452,15 +12456,16 @@ function createFiberFromTypeAndProps(
type,
key,
pendingProps,
source,
owner,
mode,
lanes
) {
var fiberTag = 2;
owner = type;
if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
owner = 2;
source = type;
if ("function" === typeof type) shouldConstruct(type) && (owner = 1);
else if ("string" === typeof type)
fiberTag = isHostHoistableType(
owner = isHostHoistableType(
type,
pendingProps,
contextStackCursor$1.current
@@ -12474,7 +12479,7 @@ function createFiberFromTypeAndProps(
case REACT_FRAGMENT_TYPE:
return createFiberFromFragment(pendingProps.children, mode, lanes, key);
case REACT_STRICT_MODE_TYPE:
fiberTag = 8;
owner = 8;
mode |= 8;
0 !== (mode & 1) &&
((mode |= 16),
@@ -12540,7 +12545,7 @@ function createFiberFromTypeAndProps(
);
case REACT_DEBUG_TRACING_MODE_TYPE:
if (enableDebugTracing) {
fiberTag = 8;
owner = 8;
mode |= 4;
break;
}
@@ -12548,29 +12553,29 @@ function createFiberFromTypeAndProps(
if ("object" === typeof type && null !== type)
switch (type.$$typeof) {
case REACT_PROVIDER_TYPE:
fiberTag = 10;
owner = 10;
break a;
case REACT_CONTEXT_TYPE:
fiberTag = 9;
owner = 9;
break a;
case REACT_FORWARD_REF_TYPE:
fiberTag = 11;
owner = 11;
break a;
case REACT_MEMO_TYPE:
fiberTag = 14;
owner = 14;
break a;
case REACT_LAZY_TYPE:
fiberTag = 16;
owner = null;
owner = 16;
source = null;
break a;
}
throw Error(
formatProdErrorMessage(130, null == type ? type : typeof type, "")
);
}
pendingProps = createFiber(fiberTag, pendingProps, key, mode);
pendingProps = createFiber(owner, pendingProps, key, mode);
pendingProps.elementType = type;
pendingProps.type = owner;
pendingProps.type = source;
pendingProps.lanes = lanes;
return pendingProps;
}
@@ -17463,7 +17468,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1867 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "18.3.0-www-classic-f3aaf916",
version: "18.3.0-www-classic-8c23f84e",
rendererPackageName: "react-dom"
};
(function (internals) {
@@ -17507,7 +17512,7 @@ var devToolsConfig$jscomp$inline_1867 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-www-classic-f3aaf916"
reconcilerVersion: "18.3.0-www-classic-8c23f84e"
});
assign(Internals, {
ReactBrowserEventEmitter: {
@@ -17733,7 +17738,7 @@ exports.unstable_renderSubtreeIntoContainer = function (
);
};
exports.unstable_runWithPriority = runWithPriority;
exports.version = "18.3.0-www-classic-f3aaf916";
exports.version = "18.3.0-www-classic-8c23f84e";
/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
if (
@@ -2409,6 +2409,7 @@ function createChildReconciler(shouldTrackSideEffects) {
element.key,
element.props,
null,
null,
returnFiber.mode,
lanes
);
@@ -2471,6 +2472,7 @@ function createChildReconciler(shouldTrackSideEffects) {
newChild.key,
newChild.props,
null,
null,
returnFiber.mode,
lanes
)),
@@ -2883,6 +2885,7 @@ function createChildReconciler(shouldTrackSideEffects) {
newChild.key,
newChild.props,
null,
null,
returnFiber.mode,
lanes
)),
@@ -5140,6 +5143,7 @@ function updateMemoComponent(
Component.type,
null,
nextProps,
null,
workInProgress,
workInProgress.mode,
renderLanes
@@ -12254,19 +12258,16 @@ function createFiberFromTypeAndProps(
type,
key,
pendingProps,
source,
owner,
mode,
lanes
) {
var fiberTag = 2;
owner = type;
if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
owner = 2;
source = type;
if ("function" === typeof type) shouldConstruct(type) && (owner = 1);
else if ("string" === typeof type)
fiberTag = isHostHoistableType(
type,
pendingProps,
contextStackCursor.current
)
owner = isHostHoistableType(type, pendingProps, contextStackCursor.current)
? 26
: "html" === type || "head" === type || "body" === type
? 27
@@ -12276,7 +12277,7 @@ function createFiberFromTypeAndProps(
case REACT_FRAGMENT_TYPE:
return createFiberFromFragment(pendingProps.children, mode, lanes, key);
case REACT_STRICT_MODE_TYPE:
fiberTag = 8;
owner = 8;
mode |= 8;
0 !== (mode & 1) &&
((mode |= 16),
@@ -12342,7 +12343,7 @@ function createFiberFromTypeAndProps(
);
case REACT_DEBUG_TRACING_MODE_TYPE:
if (enableDebugTracing) {
fiberTag = 8;
owner = 8;
mode |= 4;
break;
}
@@ -12350,29 +12351,29 @@ function createFiberFromTypeAndProps(
if ("object" === typeof type && null !== type)
switch (type.$$typeof) {
case REACT_PROVIDER_TYPE:
fiberTag = 10;
owner = 10;
break a;
case REACT_CONTEXT_TYPE:
fiberTag = 9;
owner = 9;
break a;
case REACT_FORWARD_REF_TYPE:
fiberTag = 11;
owner = 11;
break a;
case REACT_MEMO_TYPE:
fiberTag = 14;
owner = 14;
break a;
case REACT_LAZY_TYPE:
fiberTag = 16;
owner = null;
owner = 16;
source = null;
break a;
}
throw Error(
formatProdErrorMessage(130, null == type ? type : typeof type, "")
);
}
pendingProps = createFiber(fiberTag, pendingProps, key, mode);
pendingProps = createFiber(owner, pendingProps, key, mode);
pendingProps.elementType = type;
pendingProps.type = owner;
pendingProps.type = source;
pendingProps.lanes = lanes;
return pendingProps;
}
@@ -16987,7 +16988,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1826 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "18.3.0-www-modern-cdfd86a7",
version: "18.3.0-www-modern-ff6bf6ef",
rendererPackageName: "react-dom"
};
(function (internals) {
@@ -17032,7 +17033,7 @@ var devToolsConfig$jscomp$inline_1826 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-www-modern-cdfd86a7"
reconcilerVersion: "18.3.0-www-modern-ff6bf6ef"
});
exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
exports.createPortal = function (children, container) {
@@ -17186,7 +17187,7 @@ exports.unstable_createEventHandle = function (type, options) {
return eventHandle;
};
exports.unstable_runWithPriority = runWithPriority;
exports.version = "18.3.0-www-modern-cdfd86a7";
exports.version = "18.3.0-www-modern-ff6bf6ef";
/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
if (
@@ -18495,6 +18495,7 @@ function updateMemoComponent(
Component.type,
null,
nextProps,
null,
workInProgress,
workInProgress.mode,
renderLanes
@@ -21771,6 +21772,7 @@ function beginWork$1(current, workInProgress, renderLanes) {
workInProgress.type,
workInProgress.key,
workInProgress.pendingProps,
workInProgress._debugSource || null,
workInProgress._debugOwner || null,
workInProgress.mode,
workInProgress.lanes
@@ -26355,6 +26357,7 @@ function detachFiberAfterEffects(fiber) {
fiber.stateNode = null;
{
fiber._debugSource = null;
fiber._debugOwner = null;
} // Theoretically, nothing in here should be necessary, because we already
// disconnected the fiber from the tree. So even if something leaks this
@@ -34082,6 +34085,7 @@ function createFiberFromTypeAndProps(
type, // React$ElementType
key,
pendingProps,
source,
owner,
mode,
lanes
@@ -34249,15 +34253,18 @@ function createFiberFromTypeAndProps(
fiber.lanes = lanes;
{
fiber._debugSource = source;
fiber._debugOwner = owner;
}
return fiber;
}
function createFiberFromElement(element, mode, lanes) {
var source = null;
var owner = null;
{
source = element._source;
owner = element._owner;
}
@@ -34268,6 +34275,7 @@ function createFiberFromElement(element, mode, lanes) {
type,
key,
pendingProps,
source,
owner,
mode,
lanes
@@ -34617,7 +34625,7 @@ function createFiberRoot(
return root;
}
var ReactVersion = "18.3.0-www-classic-8bea6228";
var ReactVersion = "18.3.0-www-classic-1da36440";
function createPortal$1(
children,
@@ -18402,6 +18402,7 @@ function updateMemoComponent(
Component.type,
null,
nextProps,
null,
workInProgress,
workInProgress.mode,
renderLanes
@@ -21650,6 +21651,7 @@ function beginWork$1(current, workInProgress, renderLanes) {
workInProgress.type,
workInProgress.key,
workInProgress.pendingProps,
workInProgress._debugSource || null,
workInProgress._debugOwner || null,
workInProgress.mode,
workInProgress.lanes
@@ -26205,6 +26207,7 @@ function detachFiberAfterEffects(fiber) {
fiber.stateNode = null;
{
fiber._debugSource = null;
fiber._debugOwner = null;
} // Theoretically, nothing in here should be necessary, because we already
// disconnected the fiber from the tree. So even if something leaks this
@@ -33927,6 +33930,7 @@ function createFiberFromTypeAndProps(
type, // React$ElementType
key,
pendingProps,
source,
owner,
mode,
lanes
@@ -34094,15 +34098,18 @@ function createFiberFromTypeAndProps(
fiber.lanes = lanes;
{
fiber._debugSource = source;
fiber._debugOwner = owner;
}
return fiber;
}
function createFiberFromElement(element, mode, lanes) {
var source = null;
var owner = null;
{
source = element._source;
owner = element._owner;
}
@@ -34113,6 +34120,7 @@ function createFiberFromElement(element, mode, lanes) {
type,
key,
pendingProps,
source,
owner,
mode,
lanes
@@ -34462,7 +34470,7 @@ function createFiberRoot(
return root;
}
var ReactVersion = "18.3.0-www-modern-67293494";
var ReactVersion = "18.3.0-www-modern-5c7325c9";
function createPortal$1(
children,
@@ -2458,6 +2458,7 @@ function createChildReconciler(shouldTrackSideEffects) {
element.key,
element.props,
null,
null,
returnFiber.mode,
lanes
);
@@ -2520,6 +2521,7 @@ function createChildReconciler(shouldTrackSideEffects) {
newChild.key,
newChild.props,
null,
null,
returnFiber.mode,
lanes
)),
@@ -2932,6 +2934,7 @@ function createChildReconciler(shouldTrackSideEffects) {
newChild.key,
newChild.props,
null,
null,
returnFiber.mode,
lanes
)),
@@ -5127,6 +5130,7 @@ function updateMemoComponent(
Component.type,
null,
nextProps,
null,
workInProgress,
workInProgress.mode,
renderLanes
@@ -11960,15 +11964,16 @@ function createFiberFromTypeAndProps(
type,
key,
pendingProps,
source,
owner,
mode,
lanes
) {
var fiberTag = 2;
owner = type;
if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
owner = 2;
source = type;
if ("function" === typeof type) shouldConstruct(type) && (owner = 1);
else if ("string" === typeof type)
fiberTag = isHostHoistableType(
owner = isHostHoistableType(
type,
pendingProps,
contextStackCursor$1.current
@@ -11982,7 +11987,7 @@ function createFiberFromTypeAndProps(
case REACT_FRAGMENT_TYPE:
return createFiberFromFragment(pendingProps.children, mode, lanes, key);
case REACT_STRICT_MODE_TYPE:
fiberTag = 8;
owner = 8;
mode |= 8;
0 !== (mode & 1) &&
((mode |= 16),
@@ -12047,7 +12052,7 @@ function createFiberFromTypeAndProps(
);
case REACT_DEBUG_TRACING_MODE_TYPE:
if (enableDebugTracing) {
fiberTag = 8;
owner = 8;
mode |= 4;
break;
}
@@ -12055,29 +12060,29 @@ function createFiberFromTypeAndProps(
if ("object" === typeof type && null !== type)
switch (type.$$typeof) {
case REACT_PROVIDER_TYPE:
fiberTag = 10;
owner = 10;
break a;
case REACT_CONTEXT_TYPE:
fiberTag = 9;
owner = 9;
break a;
case REACT_FORWARD_REF_TYPE:
fiberTag = 11;
owner = 11;
break a;
case REACT_MEMO_TYPE:
fiberTag = 14;
owner = 14;
break a;
case REACT_LAZY_TYPE:
fiberTag = 16;
owner = null;
owner = 16;
source = null;
break a;
}
throw Error(
formatProdErrorMessage(130, null == type ? type : typeof type, "")
);
}
pendingProps = createFiber(fiberTag, pendingProps, key, mode);
pendingProps = createFiber(owner, pendingProps, key, mode);
pendingProps.elementType = type;
pendingProps.type = owner;
pendingProps.type = source;
pendingProps.lanes = lanes;
return pendingProps;
}
@@ -17017,7 +17022,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1811 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "18.3.0-www-classic-567708ca",
version: "18.3.0-www-classic-dfb43f64",
rendererPackageName: "react-dom"
};
var internals$jscomp$inline_2173 = {
@@ -17047,7 +17052,7 @@ var internals$jscomp$inline_2173 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-www-classic-567708ca"
reconcilerVersion: "18.3.0-www-classic-dfb43f64"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2174 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -17437,4 +17442,4 @@ exports.unstable_renderSubtreeIntoContainer = function (
);
};
exports.unstable_runWithPriority = runWithPriority;
exports.version = "18.3.0-www-classic-567708ca";
exports.version = "18.3.0-www-classic-dfb43f64";
@@ -2406,6 +2406,7 @@ function createChildReconciler(shouldTrackSideEffects) {
element.key,
element.props,
null,
null,
returnFiber.mode,
lanes
);
@@ -2468,6 +2469,7 @@ function createChildReconciler(shouldTrackSideEffects) {
newChild.key,
newChild.props,
null,
null,
returnFiber.mode,
lanes
)),
@@ -2880,6 +2882,7 @@ function createChildReconciler(shouldTrackSideEffects) {
newChild.key,
newChild.props,
null,
null,
returnFiber.mode,
lanes
)),
@@ -5060,6 +5063,7 @@ function updateMemoComponent(
Component.type,
null,
nextProps,
null,
workInProgress,
workInProgress.mode,
renderLanes
@@ -11823,19 +11827,16 @@ function createFiberFromTypeAndProps(
type,
key,
pendingProps,
source,
owner,
mode,
lanes
) {
var fiberTag = 2;
owner = type;
if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1);
owner = 2;
source = type;
if ("function" === typeof type) shouldConstruct(type) && (owner = 1);
else if ("string" === typeof type)
fiberTag = isHostHoistableType(
type,
pendingProps,
contextStackCursor.current
)
owner = isHostHoistableType(type, pendingProps, contextStackCursor.current)
? 26
: "html" === type || "head" === type || "body" === type
? 27
@@ -11845,7 +11846,7 @@ function createFiberFromTypeAndProps(
case REACT_FRAGMENT_TYPE:
return createFiberFromFragment(pendingProps.children, mode, lanes, key);
case REACT_STRICT_MODE_TYPE:
fiberTag = 8;
owner = 8;
mode |= 8;
0 !== (mode & 1) &&
((mode |= 16),
@@ -11910,7 +11911,7 @@ function createFiberFromTypeAndProps(
);
case REACT_DEBUG_TRACING_MODE_TYPE:
if (enableDebugTracing) {
fiberTag = 8;
owner = 8;
mode |= 4;
break;
}
@@ -11918,29 +11919,29 @@ function createFiberFromTypeAndProps(
if ("object" === typeof type && null !== type)
switch (type.$$typeof) {
case REACT_PROVIDER_TYPE:
fiberTag = 10;
owner = 10;
break a;
case REACT_CONTEXT_TYPE:
fiberTag = 9;
owner = 9;
break a;
case REACT_FORWARD_REF_TYPE:
fiberTag = 11;
owner = 11;
break a;
case REACT_MEMO_TYPE:
fiberTag = 14;
owner = 14;
break a;
case REACT_LAZY_TYPE:
fiberTag = 16;
owner = null;
owner = 16;
source = null;
break a;
}
throw Error(
formatProdErrorMessage(130, null == type ? type : typeof type, "")
);
}
pendingProps = createFiber(fiberTag, pendingProps, key, mode);
pendingProps = createFiber(owner, pendingProps, key, mode);
pendingProps.elementType = type;
pendingProps.type = owner;
pendingProps.type = source;
pendingProps.lanes = lanes;
return pendingProps;
}
@@ -16602,7 +16603,7 @@ Internals.Events = [
var devToolsConfig$jscomp$inline_1770 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "18.3.0-www-modern-c6e988f2",
version: "18.3.0-www-modern-5ec21dc5",
rendererPackageName: "react-dom"
};
var internals$jscomp$inline_2137 = {
@@ -16633,7 +16634,7 @@ var internals$jscomp$inline_2137 = {
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-www-modern-c6e988f2"
reconcilerVersion: "18.3.0-www-modern-5ec21dc5"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2138 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -16951,4 +16952,4 @@ exports.unstable_createEventHandle = function (type, options) {
return eventHandle;
};
exports.unstable_runWithPriority = runWithPriority;
exports.version = "18.3.0-www-modern-c6e988f2";
exports.version = "18.3.0-www-modern-5ec21dc5";
@@ -11727,6 +11727,7 @@ function updateMemoComponent(
Component.type,
null,
nextProps,
null,
workInProgress,
workInProgress.mode,
renderLanes
@@ -14454,6 +14455,7 @@ function beginWork$1(current, workInProgress, renderLanes) {
workInProgress.type,
workInProgress.key,
workInProgress.pendingProps,
workInProgress._debugSource || null,
workInProgress._debugOwner || null,
workInProgress.mode,
workInProgress.lanes
@@ -17891,6 +17893,7 @@ function detachFiberAfterEffects(fiber) {
fiber.stateNode = null;
{
fiber._debugSource = null;
fiber._debugOwner = null;
} // Theoretically, nothing in here should be necessary, because we already
// disconnected the fiber from the tree. So even if something leaks this
@@ -23953,6 +23956,7 @@ function createFiberFromTypeAndProps(
type, // React$ElementType
key,
pendingProps,
source,
owner,
mode,
lanes
@@ -24098,15 +24102,18 @@ function createFiberFromTypeAndProps(
fiber.lanes = lanes;
{
fiber._debugSource = source;
fiber._debugOwner = owner;
}
return fiber;
}
function createFiberFromElement(element, mode, lanes) {
var source = null;
var owner = null;
{
source = element._source;
owner = element._owner;
}
@@ -24117,6 +24124,7 @@ function createFiberFromElement(element, mode, lanes) {
type,
key,
pendingProps,
source,
owner,
mode,
lanes
@@ -24348,7 +24356,7 @@ function createFiberRoot(
return root;
}
var ReactVersion = "18.3.0-www-classic-8bea6228";
var ReactVersion = "18.3.0-www-classic-1da36440";
// Might add PROFILE later.
@@ -11727,6 +11727,7 @@ function updateMemoComponent(
Component.type,
null,
nextProps,
null,
workInProgress,
workInProgress.mode,
renderLanes
@@ -14454,6 +14455,7 @@ function beginWork$1(current, workInProgress, renderLanes) {
workInProgress.type,
workInProgress.key,
workInProgress.pendingProps,
workInProgress._debugSource || null,
workInProgress._debugOwner || null,
workInProgress.mode,
workInProgress.lanes
@@ -17891,6 +17893,7 @@ function detachFiberAfterEffects(fiber) {
fiber.stateNode = null;
{
fiber._debugSource = null;
fiber._debugOwner = null;
} // Theoretically, nothing in here should be necessary, because we already
// disconnected the fiber from the tree. So even if something leaks this
@@ -23953,6 +23956,7 @@ function createFiberFromTypeAndProps(
type, // React$ElementType
key,
pendingProps,
source,
owner,
mode,
lanes
@@ -24098,15 +24102,18 @@ function createFiberFromTypeAndProps(
fiber.lanes = lanes;
{
fiber._debugSource = source;
fiber._debugOwner = owner;
}
return fiber;
}
function createFiberFromElement(element, mode, lanes) {
var source = null;
var owner = null;
{
source = element._source;
owner = element._owner;
}
@@ -24117,6 +24124,7 @@ function createFiberFromElement(element, mode, lanes) {
type,
key,
pendingProps,
source,
owner,
mode,
lanes
@@ -24348,7 +24356,7 @@ function createFiberRoot(
return root;
}
var ReactVersion = "18.3.0-www-modern-cbca474e";
var ReactVersion = "18.3.0-www-modern-feef7178";
// Might add PROFILE later.