: recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, committedTransitions ); flags & 2048 && commitCachePassiveMountEffect(finishedWork.alternate, finishedWork); break; default: recursivelyTraversePassiveMountEffects( finishedRoot, finishedWork, committedLanes, committedTransitions ); } } function recursivelyTraverseReconnectPassiveEffects(finishedRoot, parentFiber, committedLanes, committedTransitions, includeWorkInProgressEffects) { includeWorkInProgressEffects = includeWorkInProgressEffects && 0 !== (parentFiber.subtreeFlags & 10256); for (parentFiber = parentFiber.child; null !== parentFiber; ) reconnectPassiveEffects( finishedRoot, parentFiber, committedLanes, committedTransitions, includeWorkInProgressEffects ), parentFiber = parentFiber.sibling; } function reconnectPassiveEffects(finishedRoot, finishedWork, committedLanes, committedTransitions, includeWorkInProgressEffects) { var flags = finishedWork.flags; switch (finishedWork.tag) { case 0: case 11: case 15: recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, committedLanes, committedTransitions, includeWorkInProgressEffects ); commitHookPassiveMountEffects(finishedWork, Passive); break; case 23: break; case 22: var _instance2 = finishedWork.stateNode; null !== finishedWork.memoizedState ? _instance2._visibility & OffscreenPassiveEffectsConnected ? recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, committedLanes, committedTransitions, includeWorkInProgressEffects ) : recursivelyTraverseAtomicPassiveEffects( finishedRoot, finishedWork ) : (_instance2._visibility |= OffscreenPassiveEffectsConnected, recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, committedLanes, committedTransitions, includeWorkInProgressEffects )); includeWorkInProgressEffects && flags & 2048 && commitOffscreenPassiveMountEffects( finishedWork.alternate, finishedWork ); break; case 24: recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, committedLanes, committedTransitions, includeWorkInProgressEffects ); includeWorkInProgressEffects && flags & 2048 && commitCachePassiveMountEffect(finishedWork.alternate, finishedWork); break; default: recursivelyTraverseReconnectPassiveEffects( finishedRoot, finishedWork, committedLanes, committedTransitions, includeWorkInProgressEffects ); } } function recursivelyTraverseAtomicPassiveEffects(finishedRoot$jscomp$0, parentFiber) { if (parentFiber.subtreeFlags & 10256) for (parentFiber = parentFiber.child; null !== parentFiber; ) { var finishedRoot = finishedRoot$jscomp$0, finishedWork = parentFiber, flags = finishedWork.flags; switch (finishedWork.tag) { case 22: recursivelyTraverseAtomicPassiveEffects( finishedRoot, finishedWork ); flags & 2048 && commitOffscreenPassiveMountEffects( finishedWork.alternate, finishedWork ); break; case 24: recursivelyTraverseAtomicPassiveEffects( finishedRoot, finishedWork ); flags & 2048 && commitCachePassiveMountEffect( finishedWork.alternate, finishedWork ); break; default: recursivelyTraverseAtomicPassiveEffects( finishedRoot, finishedWork ); } parentFiber = parentFiber.sibling; } } function recursivelyAccumulateSuspenseyCommit(parentFiber) { if (parentFiber.subtreeFlags & suspenseyCommitFlag) for (parentFiber = parentFiber.child; null !== parentFiber; ) accumulateSuspenseyCommitOnFiber(parentFiber), parentFiber = parentFiber.sibling; } function accumulateSuspenseyCommitOnFiber(fiber) { switch (fiber.tag) { case 26: recursivelyAccumulateSuspenseyCommit(fiber); fiber.flags & suspenseyCommitFlag && null !== fiber.memoizedState && suspendResource( currentHoistableRoot, fiber.memoizedState, fiber.memoizedProps ); break; case 5: recursivelyAccumulateSuspenseyCommit(fiber); break; case 3: case 4: var previousHoistableRoot = currentHoistableRoot; currentHoistableRoot = getHoistableRoot( fiber.stateNode.containerInfo ); recursivelyAccumulateSuspenseyCommit(fiber); currentHoistableRoot = previousHoistableRoot; break; case 22: null === fiber.memoizedState && (previousHoistableRoot = fiber.alternate, null !== previousHoistableRoot && null !== previousHoistableRoot.memoizedState ? (previousHoistableRoot = suspenseyCommitFlag, suspenseyCommitFlag = 16777216, recursivelyAccumulateSuspenseyCommit(fiber), suspenseyCommitFlag = previousHoistableRoot) : recursivelyAccumulateSuspenseyCommit(fiber)); break; default: recursivelyAccumulateSuspenseyCommit(fiber); } } function detachAlternateSiblings(parentFiber) { var previousFiber = parentFiber.alternate; if (null !== previousFiber && (parentFiber = previousFiber.child, null !== parentFiber)) { previousFiber.child = null; do previousFiber = parentFiber.sibling, parentFiber.sibling = null, parentFiber = previousFiber; while (null !== parentFiber); } } function recursivelyTraversePassiveUnmountEffects(parentFiber) { var deletions = parentFiber.deletions; if (0 !== (parentFiber.flags & 16)) { if (null !== deletions) for (var i = 0; i < deletions.length; i++) { var childToDelete = deletions[i]; nextEffect = childToDelete; commitPassiveUnmountEffectsInsideOfDeletedTree_begin( childToDelete, parentFiber ); } detachAlternateSiblings(parentFiber); } if (parentFiber.subtreeFlags & 10256) for (parentFiber = parentFiber.child; null !== parentFiber; ) commitPassiveUnmountOnFiber(parentFiber), parentFiber = parentFiber.sibling; } function commitPassiveUnmountOnFiber(finishedWork) { switch (finishedWork.tag) { case 0: case 11: case 15: recursivelyTraversePassiveUnmountEffects(finishedWork); finishedWork.flags & 2048 && commitHookPassiveUnmountEffects( finishedWork, finishedWork.return, Passive | HasEffect ); break; case 3: var prevEffectDuration = pushNestedEffectDurations(); recursivelyTraversePassiveUnmountEffects(finishedWork); finishedWork.stateNode.passiveEffectDuration += popNestedEffectDurations(prevEffectDuration); break; case 12: prevEffectDuration = pushNestedEffectDurations(); recursivelyTraversePassiveUnmountEffects(finishedWork); finishedWork.stateNode.passiveEffectDuration += bubbleNestedEffectDurations(prevEffectDuration); break; case 22: prevEffectDuration = finishedWork.stateNode; null !== finishedWork.memoizedState && prevEffectDuration._visibility & OffscreenPassiveEffectsConnected && (null === finishedWork.return || 13 !== finishedWork.return.tag) ? (prevEffectDuration._visibility &= ~OffscreenPassiveEffectsConnected, recursivelyTraverseDisconnectPassiveEffects(finishedWork)) : recursivelyTraversePassiveUnmountEffects(finishedWork); break; default: recursivelyTraversePassiveUnmountEffects(finishedWork); } } function recursivelyTraverseDisconnectPassiveEffects(parentFiber) { var deletions = parentFiber.deletions; if (0 !== (parentFiber.flags & 16)) { if (null !== deletions) for (var i = 0; i < deletions.length; i++) { var childToDelete = deletions[i]; nextEffect = childToDelete; commitPassiveUnmountEffectsInsideOfDeletedTree_begin( childToDelete, parentFiber ); } detachAlternateSiblings(parentFiber); } for (parentFiber = parentFiber.child; null !== parentFiber; ) disconnectPassiveEffect(parentFiber), parentFiber = parentFiber.sibling; } function disconnectPassiveEffect(finishedWork) { switch (finishedWork.tag) { case 0: case 11: case 15: commitHookPassiveUnmountEffects( finishedWork, finishedWork.return, Passive ); recursivelyTraverseDisconnectPassiveEffects(finishedWork); break; case 22: var instance = finishedWork.stateNode; instance._visibility & OffscreenPassiveEffectsConnected && (instance._visibility &= ~OffscreenPassiveEffectsConnected, recursivelyTraverseDisconnectPassiveEffects(finishedWork)); break; default: recursivelyTraverseDisconnectPassiveEffects(finishedWork); } } function commitPassiveUnmountEffectsInsideOfDeletedTree_begin(deletedSubtreeRoot, nearestMountedAncestor) { for (; null !== nextEffect; ) { var fiber = nextEffect, current2 = fiber; switch (current2.tag) { case 0: case 11: case 15: commitHookPassiveUnmountEffects( current2, nearestMountedAncestor, Passive ); break; case 23: case 22: null !== current2.memoizedState && null !== current2.memoizedState.cachePool && (current2 = current2.memoizedState.cachePool.pool, null != current2 && retainCache(current2)); break; case 24: releaseCache(current2.memoizedState.cache); } current2 = fiber.child; if (null !== current2) current2.return = fiber, nextEffect = current2; else a: for (fiber = deletedSubtreeRoot; null !== nextEffect; ) { current2 = nextEffect; var sibling = current2.sibling, returnFiber = current2.return; detachFiberAfterEffects(current2); if (current2 === fiber) { nextEffect = null; break a; } if (null !== sibling) { sibling.return = returnFiber; nextEffect = sibling; break a; } nextEffect = returnFiber; } } } function FiberNode(tag, pendingProps, key, mode) { this.tag = tag; this.key = key; this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null; this.index = 0; this.refCleanup = this.ref = null; this.pendingProps = pendingProps; this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null; this.mode = mode; this.subtreeFlags = this.flags = 0; this.deletions = null; this.childLanes = this.lanes = 0; this.alternate = null; this.actualDuration = -0; this.actualStartTime = -1.1; this.treeBaseDuration = this.selfBaseDuration = -0; this._debugOwner = this._debugInfo = null; this._debugNeedsRemount = false; this._debugHookTypes = null; hasBadMapPolyfill || "function" !== typeof Object.preventExtensions || Object.preventExtensions(this); } function shouldConstruct(Component) { Component = Component.prototype; return !(!Component || !Component.isReactComponent); } function createWorkInProgress(current2, pendingProps) { var workInProgress2 = current2.alternate; null === workInProgress2 ? (workInProgress2 = createFiber( current2.tag, pendingProps, current2.key, current2.mode ), workInProgress2.elementType = current2.elementType, workInProgress2.type = current2.type, workInProgress2.stateNode = current2.stateNode, workInProgress2._debugOwner = current2._debugOwner, workInProgress2._debugHookTypes = current2._debugHookTypes, workInProgress2.alternate = current2, current2.alternate = workInProgress2) : (workInProgress2.pendingProps = pendingProps, workInProgress2.type = current2.type, workInProgress2.flags = 0, workInProgress2.subtreeFlags = 0, workInProgress2.deletions = null, workInProgress2.actualDuration = -0, workInProgress2.actualStartTime = -1.1); workInProgress2.flags = current2.flags & 31457280; workInProgress2.childLanes = current2.childLanes; workInProgress2.lanes = current2.lanes; workInProgress2.child = current2.child; workInProgress2.memoizedProps = current2.memoizedProps; workInProgress2.memoizedState = current2.memoizedState; workInProgress2.updateQueue = current2.updateQueue; pendingProps = current2.dependencies; workInProgress2.dependencies = null === pendingProps ? null : { lanes: pendingProps.lanes, firstContext: pendingProps.firstContext, _debugThenableState: pendingProps._debugThenableState }; workInProgress2.sibling = current2.sibling; workInProgress2.index = current2.index; workInProgress2.ref = current2.ref; workInProgress2.refCleanup = current2.refCleanup; workInProgress2.selfBaseDuration = current2.selfBaseDuration; workInProgress2.treeBaseDuration = current2.treeBaseDuration; workInProgress2._debugInfo = current2._debugInfo; workInProgress2._debugNeedsRemount = current2._debugNeedsRemount; switch (workInProgress2.tag) { case 0: case 15: workInProgress2.type = resolveFunctionForHotReloading(current2.type); break; case 1: workInProgress2.type = resolveFunctionForHotReloading(current2.type); break; case 11: workInProgress2.type = resolveForwardRefForHotReloading(current2.type); } return workInProgress2; } function resetWorkInProgress(workInProgress2, renderLanes2) { workInProgress2.flags &= 31457282; var current2 = workInProgress2.alternate; null === current2 ? (workInProgress2.childLanes = 0, workInProgress2.lanes = renderLanes2, workInProgress2.child = null, workInProgress2.subtreeFlags = 0, workInProgress2.memoizedProps = null, workInProgress2.memoizedState = null, workInProgress2.updateQueue = null, workInProgress2.dependencies = null, workInProgress2.stateNode = null, workInProgress2.selfBaseDuration = 0, workInProgress2.treeBaseDuration = 0) : (workInProgress2.childLanes = current2.childLanes, workInProgress2.lanes = current2.lanes, workInProgress2.child = current2.child, workInProgress2.subtreeFlags = 0, workInProgress2.deletions = null, workInProgress2.memoizedProps = current2.memoizedProps, workInProgress2.memoizedState = current2.memoizedState, workInProgress2.updateQueue = current2.updateQueue, workInProgress2.type = current2.type, renderLanes2 = current2.dependencies, workInProgress2.dependencies = null === renderLanes2 ? null : { lanes: renderLanes2.lanes, firstContext: renderLanes2.firstContext, _debugThenableState: renderLanes2._debugThenableState }, workInProgress2.selfBaseDuration = current2.selfBaseDuration, workInProgress2.treeBaseDuration = current2.treeBaseDuration); return workInProgress2; } function createFiberFromTypeAndProps(type, key, pendingProps, owner, mode, lanes) { var fiberTag = 0, resolvedType = type; if ("function" === typeof type) shouldConstruct(type) && (fiberTag = 1), resolvedType = resolveFunctionForHotReloading(resolvedType); else if ("string" === typeof type) fiberTag = getHostContext(), fiberTag = isHostHoistableType(type, pendingProps, fiberTag) ? 26 : "html" === type || "head" === type || "body" === type ? 27 : 5; else a: switch (type) { case REACT_FRAGMENT_TYPE: return createFiberFromFragment( pendingProps.children, mode, lanes, key ); case REACT_STRICT_MODE_TYPE: fiberTag = 8; mode |= StrictLegacyMode; mode |= StrictEffectsMode; break; case REACT_PROFILER_TYPE: return type = pendingProps, owner = mode, "string" !== typeof type.id && console.error( 'Profiler must specify an "id" of type `string` as a prop. Received the type `%s` instead.', typeof type.id ), key = createFiber(12, type, key, owner | ProfileMode), key.elementType = REACT_PROFILER_TYPE, key.lanes = lanes, key.stateNode = { effectDuration: 0, passiveEffectDuration: 0 }, key; case REACT_SUSPENSE_TYPE: return key = createFiber(13, pendingProps, key, mode), key.elementType = REACT_SUSPENSE_TYPE, key.lanes = lanes, key; case REACT_SUSPENSE_LIST_TYPE: return key = createFiber(19, pendingProps, key, mode), key.elementType = REACT_SUSPENSE_LIST_TYPE, key.lanes = lanes, key; case REACT_OFFSCREEN_TYPE: return createFiberFromOffscreen(pendingProps, mode, lanes, key); default: if ("object" === typeof type && null !== type) switch (type.$$typeof) { case REACT_PROVIDER_TYPE: case REACT_CONTEXT_TYPE: fiberTag = 10; break a; case REACT_CONSUMER_TYPE: fiberTag = 9; break a; case REACT_FORWARD_REF_TYPE: fiberTag = 11; resolvedType = resolveForwardRefForHotReloading(resolvedType); break a; case REACT_MEMO_TYPE: fiberTag = 14; break a; case REACT_LAZY_TYPE: fiberTag = 16; resolvedType = null; break a; } resolvedType = ""; if (void 0 === type || "object" === typeof type && null !== type && 0 === Object.keys(type).length) resolvedType += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."; null === type ? pendingProps = "null" : isArrayImpl(type) ? pendingProps = "array" : void 0 !== type && type.$$typeof === REACT_ELEMENT_TYPE ? (pendingProps = "<" + (getComponentNameFromType(type.type) || "Unknown") + " />", resolvedType = " Did you accidentally export a JSX literal instead of a component?") : pendingProps = typeof type; (fiberTag = owner ? getComponentNameFromOwner(owner) : null) && (resolvedType += "\n\nCheck the render method of `" + fiberTag + "`."); fiberTag = 29; pendingProps = Error( "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " + (pendingProps + "." + resolvedType) ); resolvedType = null; } key = createFiber(fiberTag, pendingProps, key, mode); key.elementType = type; key.type = resolvedType; key.lanes = lanes; key._debugOwner = owner; return key; } function createFiberFromElement(element, mode, lanes) { mode = createFiberFromTypeAndProps( element.type, element.key, element.props, element._owner, mode, lanes ); mode._debugOwner = element._owner; return mode; } function createFiberFromFragment(elements, mode, lanes, key) { elements = createFiber(7, elements, key, mode); elements.lanes = lanes; return elements; } function createFiberFromOffscreen(pendingProps, mode, lanes, key) { pendingProps = createFiber(22, pendingProps, key, mode); pendingProps.elementType = REACT_OFFSCREEN_TYPE; pendingProps.lanes = lanes; var primaryChildInstance = { _visibility: OffscreenVisible, _pendingVisibility: OffscreenVisible, _pendingMarkers: null, _retryCache: null, _transitions: null, _current: null, detach: function() { var instance = primaryChildInstance, fiber = instance._current; if (null === fiber) throw Error( "Calling Offscreen.detach before instance handle has been set." ); if (0 === (instance._pendingVisibility & OffscreenDetached)) { var root2 = enqueueConcurrentRenderForLane(fiber, 2); null !== root2 && (instance._pendingVisibility |= OffscreenDetached, scheduleUpdateOnFiber(root2, fiber, 2)); } }, attach: function() { var instance = primaryChildInstance, fiber = instance._current; if (null === fiber) throw Error( "Calling Offscreen.detach before instance handle has been set." ); if (0 !== (instance._pendingVisibility & OffscreenDetached)) { var root2 = enqueueConcurrentRenderForLane(fiber, 2); null !== root2 && (instance._pendingVisibility &= ~OffscreenDetached, scheduleUpdateOnFiber(root2, fiber, 2)); } } }; pendingProps.stateNode = primaryChildInstance; return pendingProps; } function createFiberFromText(content, mode, lanes) { content = createFiber(6, content, null, mode); content.lanes = lanes; return content; } function createFiberFromPortal(portal, mode, lanes) { mode = createFiber( 4, null !== portal.children ? portal.children : [], portal.key, mode ); mode.lanes = lanes; mode.stateNode = { containerInfo: portal.containerInfo, pendingChildren: null, implementation: portal.implementation }; return mode; } function markUpdate(workInProgress2) { workInProgress2.flags |= 4; } function preloadResourceAndSuspendIfNeeded(workInProgress2, resource) { if ("stylesheet" !== resource.type || (resource.state.loading & Inserted) !== NotLoaded) workInProgress2.flags &= -16777217; else if (workInProgress2.flags |= 16777216, !preloadResource(resource)) { resource = suspenseHandlerStackCursor.current; if (null !== resource && ((workInProgressRootRenderLanes & 4194176) === workInProgressRootRenderLanes ? null !== shellBoundary : (workInProgressRootRenderLanes & 62914560) !== workInProgressRootRenderLanes && 0 === (workInProgressRootRenderLanes & 536870912) || resource !== shellBoundary)) throw suspendedThenable = noopSuspenseyCommitThenable, SuspenseyCommitException; workInProgress2.flags |= 8192; } } function scheduleRetryEffect(workInProgress2, retryQueue) { null !== retryQueue && (workInProgress2.flags |= 4); workInProgress2.flags & 16384 && (retryQueue = 22 !== workInProgress2.tag ? claimNextRetryLane() : 536870912, workInProgress2.lanes |= retryQueue, workInProgressSuspendedRetryLanes |= retryQueue); } function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) { if (!isHydrating) switch (renderState.tailMode) { case "hidden": hasRenderedATailFallback = renderState.tail; for (var lastTailNode = null; null !== hasRenderedATailFallback; ) null !== hasRenderedATailFallback.alternate && (lastTailNode = hasRenderedATailFallback), hasRenderedATailFallback = hasRenderedATailFallback.sibling; null === lastTailNode ? renderState.tail = null : lastTailNode.sibling = null; break; case "collapsed": lastTailNode = renderState.tail; for (var _lastTailNode = null; null !== lastTailNode; ) null !== lastTailNode.alternate && (_lastTailNode = lastTailNode), lastTailNode = lastTailNode.sibling; null === _lastTailNode ? hasRenderedATailFallback || null === renderState.tail ? renderState.tail = null : renderState.tail.sibling = null : _lastTailNode.sibling = null; } } function bubbleProperties(completedWork) { var didBailout = null !== completedWork.alternate && completedWork.alternate.child === completedWork.child, newChildLanes = 0, subtreeFlags = 0; if (didBailout) if ((completedWork.mode & ProfileMode) !== NoMode) { for (var _treeBaseDuration = completedWork.selfBaseDuration, _child2 = completedWork.child; null !== _child2; ) newChildLanes |= _child2.lanes | _child2.childLanes, subtreeFlags |= _child2.subtreeFlags & 31457280, subtreeFlags |= _child2.flags & 31457280, _treeBaseDuration += _child2.treeBaseDuration, _child2 = _child2.sibling; completedWork.treeBaseDuration = _treeBaseDuration; } else for (_treeBaseDuration = completedWork.child; null !== _treeBaseDuration; ) newChildLanes |= _treeBaseDuration.lanes | _treeBaseDuration.childLanes, subtreeFlags |= _treeBaseDuration.subtreeFlags & 31457280, subtreeFlags |= _treeBaseDuration.flags & 31457280, _treeBaseDuration.return = completedWork, _treeBaseDuration = _treeBaseDuration.sibling; else if ((completedWork.mode & ProfileMode) !== NoMode) { _treeBaseDuration = completedWork.actualDuration; _child2 = completedWork.selfBaseDuration; for (var child = completedWork.child; null !== child; ) newChildLanes |= child.lanes | child.childLanes, subtreeFlags |= child.subtreeFlags, subtreeFlags |= child.flags, _treeBaseDuration += child.actualDuration, _child2 += child.treeBaseDuration, child = child.sibling; completedWork.actualDuration = _treeBaseDuration; completedWork.treeBaseDuration = _child2; } else for (_treeBaseDuration = completedWork.child; null !== _treeBaseDuration; ) newChildLanes |= _treeBaseDuration.lanes | _treeBaseDuration.childLanes, subtreeFlags |= _treeBaseDuration.subtreeFlags, subtreeFlags |= _treeBaseDuration.flags, _treeBaseDuration.return = completedWork, _treeBaseDuration = _treeBaseDuration.sibling; completedWork.subtreeFlags |= subtreeFlags; completedWork.childLanes = newChildLanes; return didBailout; } function completeWork(current2, workInProgress2, renderLanes2) { var newProps = workInProgress2.pendingProps; popTreeContext(workInProgress2); switch (workInProgress2.tag) { case 16: case 15: case 0: case 11: case 7: case 8: case 12: case 9: case 14: return bubbleProperties(workInProgress2), null; case 1: return bubbleProperties(workInProgress2), null; case 3: newProps = workInProgress2.stateNode; renderLanes2 = null; null !== current2 && (renderLanes2 = current2.memoizedState.cache); workInProgress2.memoizedState.cache !== renderLanes2 && (workInProgress2.flags |= 2048); popProvider(CacheContext, workInProgress2); popHostContainer(workInProgress2); newProps.pendingContext && (newProps.context = newProps.pendingContext, newProps.pendingContext = null); if (null === current2 || null === current2.child) popHydrationState(workInProgress2) ? (emitPendingHydrationWarnings(), markUpdate(workInProgress2)) : null === current2 || current2.memoizedState.isDehydrated && 0 === (workInProgress2.flags & 256) || (workInProgress2.flags |= 1024, null !== hydrationErrors && (queueRecoverableErrors(hydrationErrors), hydrationErrors = null)); bubbleProperties(workInProgress2); return null; case 26: return renderLanes2 = workInProgress2.memoizedState, null === current2 ? (markUpdate(workInProgress2), null !== renderLanes2 ? (bubbleProperties(workInProgress2), preloadResourceAndSuspendIfNeeded( workInProgress2, renderLanes2 )) : (bubbleProperties(workInProgress2), workInProgress2.flags &= -16777217)) : renderLanes2 ? renderLanes2 !== current2.memoizedState ? (markUpdate(workInProgress2), bubbleProperties(workInProgress2), preloadResourceAndSuspendIfNeeded( workInProgress2, renderLanes2 )) : (bubbleProperties(workInProgress2), workInProgress2.flags &= -16777217) : (current2.memoizedProps !== newProps && markUpdate(workInProgress2), bubbleProperties(workInProgress2), workInProgress2.flags &= -16777217), null; case 27: popHostContext(workInProgress2); renderLanes2 = requiredContext(rootInstanceStackCursor.current); var _type = workInProgress2.type; if (null !== current2 && null != workInProgress2.stateNode) current2.memoizedProps !== newProps && markUpdate(workInProgress2); else { if (!newProps) { if (null === workInProgress2.stateNode) throw Error( "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue." ); bubbleProperties(workInProgress2); return null; } current2 = getHostContext(); popHydrationState(workInProgress2) ? prepareToHydrateHostInstance(workInProgress2, current2) : (current2 = resolveSingletonInstance( _type, newProps, renderLanes2, current2, true ), workInProgress2.stateNode = current2, markUpdate(workInProgress2)); } bubbleProperties(workInProgress2); return null; case 5: popHostContext(workInProgress2); renderLanes2 = workInProgress2.type; if (null !== current2 && null != workInProgress2.stateNode) current2.memoizedProps !== newProps && markUpdate(workInProgress2); else { if (!newProps) { if (null === workInProgress2.stateNode) throw Error( "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue." ); bubbleProperties(workInProgress2); return null; } _type = getHostContext(); if (popHydrationState(workInProgress2)) prepareToHydrateHostInstance(workInProgress2, _type); else { current2 = requiredContext(rootInstanceStackCursor.current); validateDOMNesting(renderLanes2, _type.ancestorInfo); _type = _type.context; current2 = getOwnerDocumentFromRootContainer(current2); switch (_type) { case HostContextNamespaceSvg: current2 = current2.createElementNS(SVG_NAMESPACE, renderLanes2); break; case HostContextNamespaceMath: current2 = current2.createElementNS( MATH_NAMESPACE, renderLanes2 ); break; default: switch (renderLanes2) { case "svg": current2 = current2.createElementNS( SVG_NAMESPACE, renderLanes2 ); break; case "math": current2 = current2.createElementNS( MATH_NAMESPACE, renderLanes2 ); break; case "script": current2 = current2.createElement("div"); current2.innerHTML = "