diff --git a/.github/.react-version b/.github/.react-version index 22234b53975f0c..fb6823b7550761 100644 --- a/.github/.react-version +++ b/.github/.react-version @@ -1 +1 @@ -19.0.0-rc-f6cce072-20240723 \ No newline at end of file +19.0.0-rc-76002254-20240724 \ No newline at end of file diff --git a/package.json b/package.json index d98124a1474a0b..6838dcac99c958 100644 --- a/package.json +++ b/package.json @@ -200,19 +200,19 @@ "pretty-bytes": "5.3.0", "pretty-ms": "7.0.0", "random-seed": "0.3.0", - "react": "19.0.0-rc-f6cce072-20240723", + "react": "19.0.0-rc-76002254-20240724", "react-17": "npm:react@17.0.2", - "react-builtin": "npm:react@19.0.0-rc-f6cce072-20240723", - "react-dom": "19.0.0-rc-f6cce072-20240723", + "react-builtin": "npm:react@19.0.0-rc-76002254-20240724", + "react-dom": "19.0.0-rc-76002254-20240724", "react-dom-17": "npm:react-dom@17.0.2", - "react-dom-builtin": "npm:react-dom@19.0.0-rc-f6cce072-20240723", - "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-f6cce072-20240723", - "react-experimental-builtin": "npm:react@0.0.0-experimental-f6cce072-20240723", - "react-is-builtin": "npm:react-is@19.0.0-rc-f6cce072-20240723", - "react-server-dom-turbopack": "19.0.0-rc-f6cce072-20240723", - "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-f6cce072-20240723", - "react-server-dom-webpack": "19.0.0-rc-f6cce072-20240723", - "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-f6cce072-20240723", + "react-dom-builtin": "npm:react-dom@19.0.0-rc-76002254-20240724", + "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-76002254-20240724", + "react-experimental-builtin": "npm:react@0.0.0-experimental-76002254-20240724", + "react-is-builtin": "npm:react-is@19.0.0-rc-76002254-20240724", + "react-server-dom-turbopack": "19.0.0-rc-76002254-20240724", + "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-76002254-20240724", + "react-server-dom-webpack": "19.0.0-rc-76002254-20240724", + "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-76002254-20240724", "react-ssr-prepass": "1.0.8", "react-virtualized": "9.22.3", "relay-compiler": "13.0.2", @@ -222,8 +222,8 @@ "resolve-from": "5.0.0", "sass": "1.54.0", "satori": "0.10.9", - "scheduler-builtin": "npm:scheduler@0.25.0-rc-f6cce072-20240723", - "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-f6cce072-20240723", + "scheduler-builtin": "npm:scheduler@0.25.0-rc-76002254-20240724", + "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-76002254-20240724", "seedrandom": "3.0.5", "semver": "7.3.7", "shell-quote": "1.7.3", @@ -257,10 +257,10 @@ "@babel/traverse": "7.22.5", "@types/react": "npm:types-react@19.0.0-rc.0", "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0", - "react": "19.0.0-rc-f6cce072-20240723", - "react-dom": "19.0.0-rc-f6cce072-20240723", - "react-is": "19.0.0-rc-f6cce072-20240723", - "scheduler": "0.25.0-rc-f6cce072-20240723" + "react": "19.0.0-rc-76002254-20240724", + "react-dom": "19.0.0-rc-76002254-20240724", + "react-is": "19.0.0-rc-76002254-20240724", + "scheduler": "0.25.0-rc-76002254-20240724" }, "engines": { "node": ">=18.18.0", diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js index f45cb0944f3d93..1bd59d15cf6fb0 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.development.js @@ -485,18 +485,26 @@ "function" === typeof fn && componentFrameCache.set(fn, sampleLines); return sampleLines; } - function isNotExternal(stackFrame) { - return !externalRegExp.test(stackFrame); - } - function filterDebugStack(error) { + function formatOwnerStack(error) { + var prevPrepareStackTrace = Error.prepareStackTrace; + Error.prepareStackTrace = void 0; error = error.stack; + Error.prepareStackTrace = prevPrepareStackTrace; error.startsWith("Error: react-stack-top-frame\n") && (error = error.slice(29)); - var idx = error.indexOf("react-stack-bottom-frame"); - -1 !== idx && (idx = error.lastIndexOf("\n", idx)); - if (-1 !== idx) error = error.slice(0, idx); + prevPrepareStackTrace = error.indexOf("\n"); + -1 !== prevPrepareStackTrace && + (error = error.slice(prevPrepareStackTrace + 1)); + prevPrepareStackTrace = error.indexOf("react-stack-bottom-frame"); + -1 !== prevPrepareStackTrace && + (prevPrepareStackTrace = error.lastIndexOf( + "\n", + prevPrepareStackTrace + )); + if (-1 !== prevPrepareStackTrace) + error = error.slice(0, prevPrepareStackTrace); else return ""; - return error.split("\n").slice(1).filter(isNotExternal).join("\n"); + return error; } function describeFiber(fiber) { switch (fiber.tag) { @@ -600,13 +608,13 @@ workInProgress && debugStack && ("string" !== typeof debugStack && - (fiber._debugStack = debugStack = filterDebugStack(debugStack)), + (fiber._debugStack = debugStack = formatOwnerStack(debugStack)), "" !== debugStack && (info += "\n" + debugStack)); } else if (null != workInProgress.debugStack) { var ownerStack = workInProgress.debugStack; (workInProgress = workInProgress.owner) && ownerStack && - (info += "\n" + filterDebugStack(ownerStack)); + (info += "\n" + formatOwnerStack(ownerStack)); } else break; var JSCompiler_inline_result = info; } catch (x) { @@ -7641,10 +7649,7 @@ (null === legacyErrorBoundariesThatAlreadyFailed ? (legacyErrorBoundariesThatAlreadyFailed = new Set([this])) : legacyErrorBoundariesThatAlreadyFailed.add(this)); - var stack = errorInfo.stack; - this.componentDidCatch(errorInfo.value, { - componentStack: null !== stack ? stack : "" - }); + callComponentDidCatchInDEV(this, errorInfo); "function" === typeof getDerivedStateFromError || (0 === (fiber.lanes & SyncLane) && console.error( @@ -9779,6 +9784,7 @@ current.$$typeof === REACT_LAZY_TYPE && (workInProgress = " Did you wrap a component in React.lazy() more than once?"); + current = getComponentNameFromType(current) || current; throw Error( "Element type is invalid. Received a promise that resolves to: " + current + @@ -10895,19 +10901,29 @@ (executionContext & CommitContext) !== NoContext ); } - function callComponentWillUnmountWithTimer(current, instance) { + function safelyCallComponentWillUnmount( + current, + nearestMountedAncestor, + instance + ) { instance.props = resolveClassComponentProps( current.type, current.memoizedProps ); instance.state = current.memoizedState; - if (shouldProfile(current)) - try { - startLayoutEffectTimer(), instance.componentWillUnmount(); - } finally { - recordLayoutEffectDuration(current); - } - else instance.componentWillUnmount(); + shouldProfile(current) + ? (startLayoutEffectTimer(), + callComponentWillUnmountInDEV( + current, + nearestMountedAncestor, + instance + ), + recordLayoutEffectDuration(current)) + : callComponentWillUnmountInDEV( + current, + nearestMountedAncestor, + instance + ); } function safelyAttachRef(current, nearestMountedAncestor) { try { @@ -10980,13 +10996,6 @@ } else ref.current = null; } - function safelyCallDestroy(current, nearestMountedAncestor, destroy) { - try { - destroy(); - } catch (error) { - captureCommitPhaseError(current, nearestMountedAncestor, error); - } - } function commitBeforeMutationEffects(root, firstChild) { eventsEnabled = _enabled; root = getActiveElementDeep(); @@ -11201,7 +11210,7 @@ markComponentLayoutEffectUnmountStarted(finishedWork), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0), - safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy), + callDestroyInDEV(finishedWork, nearestMountedAncestor, destroy), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !1), (flags & Passive) !== NoFlags @@ -11237,11 +11246,8 @@ injectedProfilingHooks.markComponentLayoutEffectMountStarted( finishedWork ); - var create = effect.create; (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0); - var inst = effect.inst; - create = create(); - inst.destroy = create; + var destroy = callCreateInDEV(effect); (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !1); (flags & Passive) !== NoFlags ? null !== injectedProfilingHooks && @@ -11253,27 +11259,27 @@ "function" === typeof injectedProfilingHooks.markComponentLayoutEffectMountStopped && injectedProfilingHooks.markComponentLayoutEffectMountStopped(); - void 0 !== create && - "function" !== typeof create && - ((inst = + if (void 0 !== destroy && "function" !== typeof destroy) { + var hookName = 0 !== (effect.tag & Layout) ? "useLayoutEffect" : 0 !== (effect.tag & Insertion) ? "useInsertionEffect" - : "useEffect"), + : "useEffect"; console.error( "%s must not return anything besides a function, which is used for clean-up.%s", - inst, - null === create + hookName, + null === destroy ? " You returned null. If your effect does not require clean up, return undefined (or nothing)." - : "function" === typeof create.then + : "function" === typeof destroy.then ? "\n\nIt looks like you wrote " + - inst + + hookName + "(async () => ...) or returned a Promise. Instead, write the async function inside your effect and call it immediately:\n\n" + - inst + + hookName + "(() => {\n async function fetchData() {\n // You can await here\n const response = await MyAPI.getData(someId);\n // ...\n }\n fetchData();\n}, [someId]); // Or [] if effect doesn't need props or state\n\nLearn more about data fetching with Hooks: https://react.dev/link/hooks-data-fetching" - : " You returned: " + create - )); + : " You returned: " + destroy + ); + } } effect = effect.next; } while (effect !== updateQueue); @@ -11408,42 +11414,24 @@ ); if (flags & 4) if (((finishedRoot = finishedWork.stateNode), null === current)) - if ( - (finishedWork.type.defaultProps || - "ref" in finishedWork.memoizedProps || - didWarnAboutReassigningProps || - (finishedRoot.props !== finishedWork.memoizedProps && - console.error( - "Expected %s props to match memoized props before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.", - getComponentNameFromFiber(finishedWork) || "instance" - ), - finishedRoot.state !== finishedWork.memoizedState && - console.error( - "Expected %s state to match memoized state before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.", - getComponentNameFromFiber(finishedWork) || "instance" - )), - shouldProfile(finishedWork)) - ) { - try { - startLayoutEffectTimer(), finishedRoot.componentDidMount(); - } catch (error) { - captureCommitPhaseError( - finishedWork, - finishedWork.return, - error - ); - } - recordLayoutEffectDuration(finishedWork); - } else - try { - finishedRoot.componentDidMount(); - } catch (error$8) { - captureCommitPhaseError( - finishedWork, - finishedWork.return, - error$8 - ); - } + finishedWork.type.defaultProps || + "ref" in finishedWork.memoizedProps || + didWarnAboutReassigningProps || + (finishedRoot.props !== finishedWork.memoizedProps && + console.error( + "Expected %s props to match memoized props before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.", + getComponentNameFromFiber(finishedWork) || "instance" + ), + finishedRoot.state !== finishedWork.memoizedState && + console.error( + "Expected %s state to match memoized state before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.", + getComponentNameFromFiber(finishedWork) || "instance" + )), + shouldProfile(finishedWork) + ? (startLayoutEffectTimer(), + callComponentDidMountInDEV(finishedWork, finishedRoot), + recordLayoutEffectDuration(finishedWork)) + : callComponentDidMountInDEV(finishedWork, finishedRoot); else { committedLanes = resolveClassComponentProps( finishedWork.type, @@ -11463,36 +11451,23 @@ "Expected %s state to match memoized state before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.", getComponentNameFromFiber(finishedWork) || "instance" )); - if (shouldProfile(finishedWork)) { - try { - startLayoutEffectTimer(), - finishedRoot.componentDidUpdate( - committedLanes, - prevState, - finishedRoot.__reactInternalSnapshotBeforeUpdate - ); - } catch (error$9) { - captureCommitPhaseError( + shouldProfile(finishedWork) + ? (startLayoutEffectTimer(), + callComponentDidUpdateInDEV( finishedWork, - finishedWork.return, - error$9 - ); - } - recordLayoutEffectDuration(finishedWork); - } else - try { - finishedRoot.componentDidUpdate( + finishedRoot, committedLanes, prevState, finishedRoot.__reactInternalSnapshotBeforeUpdate - ); - } catch (error$10) { - captureCommitPhaseError( + ), + recordLayoutEffectDuration(finishedWork)) + : callComponentDidUpdateInDEV( finishedWork, - finishedWork.return, - error$10 + finishedRoot, + committedLanes, + prevState, + finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } } flags & 64 && commitClassCallbacks(finishedWork); flags & 512 && safelyAttachRef(finishedWork, finishedWork.return); @@ -11823,7 +11798,7 @@ void 0 !== destroy && ((tag & Insertion) !== NoFlags ? ((inst.destroy = void 0), - safelyCallDestroy( + callDestroyInDEV( deletedFiber, nearestMountedAncestor, destroy @@ -11833,14 +11808,14 @@ shouldProfile(deletedFiber) ? (startLayoutEffectTimer(), (inst.destroy = void 0), - safelyCallDestroy( + callDestroyInDEV( deletedFiber, nearestMountedAncestor, destroy ), recordLayoutEffectDuration(deletedFiber)) : ((inst.destroy = void 0), - safelyCallDestroy( + callDestroyInDEV( deletedFiber, nearestMountedAncestor, destroy @@ -11856,21 +11831,15 @@ ); break; case 1: - if ( - !offscreenSubtreeWasHidden && + offscreenSubtreeWasHidden || (safelyDetachRef(deletedFiber, nearestMountedAncestor), (prevHostParent = deletedFiber.stateNode), - "function" === typeof prevHostParent.componentWillUnmount) - ) - try { - callComponentWillUnmountWithTimer(deletedFiber, prevHostParent); - } catch (error) { - captureCommitPhaseError( + "function" === typeof prevHostParent.componentWillUnmount && + safelyCallComponentWillUnmount( deletedFiber, nearestMountedAncestor, - error - ); - } + prevHostParent + )); recursivelyTraverseDeletionEffects( finishedRoot, nearestMountedAncestor, @@ -12059,11 +12028,11 @@ finishedWork, finishedWork.return ); - } catch (error$12) { + } catch (error$9) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$12 + error$9 ); } recordLayoutEffectDuration(finishedWork); @@ -12074,11 +12043,11 @@ finishedWork, finishedWork.return ); - } catch (error$13) { + } catch (error$10) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$13 + error$10 ); } } @@ -12264,11 +12233,11 @@ newProps ); domElement[internalPropsKey] = newProps; - } catch (error$14) { + } catch (error$11) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$14 + error$11 ); } break; @@ -12324,11 +12293,11 @@ root = finishedWork.stateNode; try { setTextContent(root, ""); - } catch (error$15) { + } catch (error$12) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$15 + error$12 ); } } @@ -12339,11 +12308,11 @@ try { updateProperties(root, hoistableRoot, current, lanes), (root[internalPropsKey] = lanes); - } catch (error$16) { + } catch (error$13) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$16 + error$13 ); } } @@ -12366,11 +12335,11 @@ current = finishedWork.memoizedProps; try { flags.nodeValue = current; - } catch (error$17) { + } catch (error$14) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$17 + error$14 ); } } @@ -12389,11 +12358,11 @@ ) try { retryIfBlockedOn(root.containerInfo); - } catch (error$18) { + } catch (error$15) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$18 + error$15 ); } needsFormReset && @@ -12490,11 +12459,11 @@ root.stateNode.nodeValue = domElement ? "" : root.memoizedProps; - } catch (error$11) { + } catch (error$8) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$11 + error$8 ); } } else if ( @@ -12662,18 +12631,12 @@ case 1: safelyDetachRef(finishedWork, finishedWork.return); var instance = finishedWork.stateNode; - if ("function" === typeof instance.componentWillUnmount) { - var nearestMountedAncestor = finishedWork.return; - try { - callComponentWillUnmountWithTimer(finishedWork, instance); - } catch (error) { - captureCommitPhaseError( - finishedWork, - nearestMountedAncestor, - error - ); - } - } + "function" === typeof instance.componentWillUnmount && + safelyCallComponentWillUnmount( + finishedWork, + finishedWork.return, + instance + ); recursivelyTraverseDisappearLayoutEffects(finishedWork); break; case 26: @@ -12824,8 +12787,8 @@ } else try { commitHookEffectListMount(hookFlags, finishedWork); - } catch (error$20) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$20); + } catch (error$17) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$17); } } function commitOffscreenPassiveMountEffects(current, finishedWork) { @@ -15099,8 +15062,8 @@ } workLoopSync(); break; - } catch (thrownValue$22) { - handleThrow(root, thrownValue$22); + } catch (thrownValue$19) { + handleThrow(root, thrownValue$19); } while (1); lanes && root.shellSuspendCounter++; @@ -15240,8 +15203,8 @@ ? workLoopSync() : workLoopConcurrent(); break; - } catch (thrownValue$23) { - handleThrow(root, thrownValue$23); + } catch (thrownValue$20) { + handleThrow(root, thrownValue$20); } while (1); resetContextDependencies(); @@ -21062,8 +21025,7 @@ var componentFrameCache = new ( "function" === typeof WeakMap ? WeakMap : Map )(); - var externalRegExp = /\/node_modules\/|\(/, - current = null, + var current = null, isRendering = !1, isArrayImpl = Array.isArray, ReactDOMSharedInternals = @@ -22585,6 +22547,87 @@ } }, callRenderInDEV = callRender["react-stack-bottom-frame"].bind(callRender), + callComponentDidMount = { + "react-stack-bottom-frame": function (finishedWork, instance) { + try { + instance.componentDidMount(); + } catch (error) { + captureCommitPhaseError(finishedWork, finishedWork.return, error); + } + } + }, + callComponentDidMountInDEV = callComponentDidMount[ + "react-stack-bottom-frame" + ].bind(callComponentDidMount), + callComponentDidUpdate = { + "react-stack-bottom-frame": function ( + finishedWork, + instance, + prevProps, + prevState, + snapshot + ) { + try { + instance.componentDidUpdate(prevProps, prevState, snapshot); + } catch (error) { + captureCommitPhaseError(finishedWork, finishedWork.return, error); + } + } + }, + callComponentDidUpdateInDEV = callComponentDidUpdate[ + "react-stack-bottom-frame" + ].bind(callComponentDidUpdate), + callComponentDidCatch = { + "react-stack-bottom-frame": function (instance, errorInfo) { + var stack = errorInfo.stack; + instance.componentDidCatch(errorInfo.value, { + componentStack: null !== stack ? stack : "" + }); + } + }, + callComponentDidCatchInDEV = callComponentDidCatch[ + "react-stack-bottom-frame" + ].bind(callComponentDidCatch), + callComponentWillUnmount = { + "react-stack-bottom-frame": function ( + current, + nearestMountedAncestor, + instance + ) { + try { + instance.componentWillUnmount(); + } catch (error) { + captureCommitPhaseError(current, nearestMountedAncestor, error); + } + } + }, + callComponentWillUnmountInDEV = callComponentWillUnmount[ + "react-stack-bottom-frame" + ].bind(callComponentWillUnmount), + callCreate = { + "react-stack-bottom-frame": function (effect) { + var create = effect.create; + effect = effect.inst; + create = create(); + return (effect.destroy = create); + } + }, + callCreateInDEV = callCreate["react-stack-bottom-frame"].bind(callCreate), + callDestroy = { + "react-stack-bottom-frame": function ( + current, + nearestMountedAncestor, + destroy + ) { + try { + destroy(); + } catch (error) { + captureCommitPhaseError(current, nearestMountedAncestor, error); + } + } + }, + callDestroyInDEV = + callDestroy["react-stack-bottom-frame"].bind(callDestroy), callLazyInit = { "react-stack-bottom-frame": function (lazy) { var init = lazy._init; @@ -23996,7 +24039,7 @@ var nonExtensibleObject = Object.preventExtensions({}); new Map([[nonExtensibleObject, null]]); new Set([nonExtensibleObject]); - } catch (e$21) { + } catch (e$18) { hasBadMapPolyfill = !0; } var DefaultAsyncDispatcher = { @@ -24614,11 +24657,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-experimental-f6cce072-20240723" !== isomorphicReactPackageVersion) + if ("19.0.0-experimental-76002254-20240724" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.0.0-experimental-f6cce072-20240723\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-experimental-76002254-20240724\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -24673,12 +24716,12 @@ scheduleRoot: scheduleRoot, setRefreshHandler: setRefreshHandler, getCurrentFiber: getCurrentFiberForDevTools, - reconcilerVersion: "19.0.0-experimental-f6cce072-20240723" + reconcilerVersion: "19.0.0-experimental-76002254-20240724" }); })({ findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 1, - version: "19.0.0-experimental-f6cce072-20240723", + version: "19.0.0-experimental-76002254-20240724", rendererPackageName: "react-dom" }) && canUseDOM && @@ -24808,7 +24851,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.0.0-experimental-f6cce072-20240723"; + exports.version = "19.0.0-experimental-76002254-20240724"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js index 7b4059d0b658f1..a0b283162c5c42 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-client.production.js @@ -65,8 +65,58 @@ function getIteratorFn(maybeIterable) { maybeIterable["@@iterator"]; return "function" === typeof maybeIterable ? maybeIterable : null; } -var ASYNC_ITERATOR = Symbol.asyncIterator; -Symbol.for("react.client.reference"); +var ASYNC_ITERATOR = Symbol.asyncIterator, + REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"); +function getComponentNameFromType(type) { + if (null == type) return null; + if ("function" === typeof type) + return type.$$typeof === REACT_CLIENT_REFERENCE + ? null + : type.displayName || type.name || null; + if ("string" === typeof type) return type; + switch (type) { + case REACT_FRAGMENT_TYPE: + return "Fragment"; + case REACT_PORTAL_TYPE: + return "Portal"; + case REACT_PROFILER_TYPE: + return "Profiler"; + case REACT_STRICT_MODE_TYPE: + return "StrictMode"; + case REACT_SUSPENSE_TYPE: + return "Suspense"; + case REACT_SUSPENSE_LIST_TYPE: + return "SuspenseList"; + } + if ("object" === typeof type) + switch (type.$$typeof) { + case REACT_CONTEXT_TYPE: + return (type.displayName || "Context") + ".Provider"; + case REACT_CONSUMER_TYPE: + return (type._context.displayName || "Context") + ".Consumer"; + case REACT_FORWARD_REF_TYPE: + var innerType = type.render; + type = type.displayName; + type || + ((type = innerType.displayName || innerType.name || ""), + (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef")); + return type; + case REACT_MEMO_TYPE: + return ( + (innerType = type.displayName || null), + null !== innerType + ? innerType + : getComponentNameFromType(type.type) || "Memo" + ); + case REACT_LAZY_TYPE: + innerType = type._payload; + type = type._init; + try { + return getComponentNameFromType(type(innerType)); + } catch (x) {} + } + return null; +} var ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, assign = Object.assign, @@ -1917,19 +1967,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$286; + var JSCompiler_inline_result$jscomp$287; if (canUseDOM) { - var isSupported$jscomp$inline_418 = "oninput" in document; - if (!isSupported$jscomp$inline_418) { - var element$jscomp$inline_419 = document.createElement("div"); - element$jscomp$inline_419.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_418 = - "function" === typeof element$jscomp$inline_419.oninput; + var isSupported$jscomp$inline_419 = "oninput" in document; + if (!isSupported$jscomp$inline_419) { + var element$jscomp$inline_420 = document.createElement("div"); + element$jscomp$inline_420.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_419 = + "function" === typeof element$jscomp$inline_420.oninput; } - JSCompiler_inline_result$jscomp$286 = isSupported$jscomp$inline_418; - } else JSCompiler_inline_result$jscomp$286 = !1; + JSCompiler_inline_result$jscomp$287 = isSupported$jscomp$inline_419; + } else JSCompiler_inline_result$jscomp$287 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$286 && + JSCompiler_inline_result$jscomp$287 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -6520,7 +6570,9 @@ function beginWork(current, workInProgress, renderLanes) { ); break a; } - throw Error(formatProdErrorMessage(306, lazyComponent, "")); + workInProgress = + getComponentNameFromType(lazyComponent) || lazyComponent; + throw Error(formatProdErrorMessage(306, workInProgress, "")); } } return workInProgress; @@ -7400,9 +7452,9 @@ function resolveClassComponentProps(Component, baseProps) { } if ((Component = Component.defaultProps)) { newProps === baseProps && (newProps = assign({}, newProps)); - for (var propName$110 in Component) - void 0 === newProps[propName$110] && - (newProps[propName$110] = Component[propName$110]); + for (var propName$111 in Component) + void 0 === newProps[propName$111] && + (newProps[propName$111] = Component[propName$111]); } return newProps; } @@ -7411,13 +7463,21 @@ var offscreenSubtreeIsHidden = !1, needsFormReset = !1, PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set, nextEffect = null; -function callComponentWillUnmountWithTimer(current, instance) { +function safelyCallComponentWillUnmount( + current, + nearestMountedAncestor, + instance +) { instance.props = resolveClassComponentProps( current.type, current.memoizedProps ); instance.state = current.memoizedState; - instance.componentWillUnmount(); + try { + instance.componentWillUnmount(); + } catch (error) { + captureCommitPhaseError(current, nearestMountedAncestor, error); + } } function safelyAttachRef(current, nearestMountedAncestor) { try { @@ -7458,8 +7518,8 @@ function safelyDetachRef(current, nearestMountedAncestor) { else if ("function" === typeof ref) try { ref(null); - } catch (error$111) { - captureCommitPhaseError(current, nearestMountedAncestor, error$111); + } catch (error$112) { + captureCommitPhaseError(current, nearestMountedAncestor, error$112); } else ref.current = null; } @@ -7655,10 +7715,10 @@ function commitHookEffectListMount(flags, finishedWork) { var effect = (finishedWork = finishedWork.next); do { if ((effect.tag & flags) === flags) { - var create = effect.create, - inst = effect.inst; - create = create(); - inst.destroy = create; + var destroy = effect.create; + var inst = effect.inst; + destroy = destroy(); + inst.destroy = destroy; } effect = effect.next; } while (effect !== finishedWork); @@ -7731,11 +7791,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { current, finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } catch (error$113) { + } catch (error$114) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$113 + error$114 ); } } @@ -8038,17 +8098,15 @@ function commitDeletionEffectsOnFiber( ); break; case 1: - if ( - !offscreenSubtreeWasHidden && + offscreenSubtreeWasHidden || (safelyDetachRef(deletedFiber, nearestMountedAncestor), (prevHostParent = deletedFiber.stateNode), - "function" === typeof prevHostParent.componentWillUnmount) - ) - try { - callComponentWillUnmountWithTimer(deletedFiber, prevHostParent); - } catch (error) { - captureCommitPhaseError(deletedFiber, nearestMountedAncestor, error); - } + "function" === typeof prevHostParent.componentWillUnmount && + safelyCallComponentWillUnmount( + deletedFiber, + nearestMountedAncestor, + prevHostParent + )); recursivelyTraverseDeletionEffects( finishedRoot, nearestMountedAncestor, @@ -8188,8 +8246,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { } try { commitHookEffectListUnmount(5, finishedWork, finishedWork.return); - } catch (error$125) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$125); + } catch (error$126) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$126); } } break; @@ -8362,11 +8420,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) { newProps ); domElement[internalPropsKey] = newProps; - } catch (error$126) { + } catch (error$127) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$126 + error$127 ); } break; @@ -8403,8 +8461,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { root = finishedWork.stateNode; try { setTextContent(root, ""); - } catch (error$127) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$127); + } catch (error$128) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$128); } } if (flags & 4 && ((root = finishedWork.stateNode), null != root)) { @@ -8414,8 +8472,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { try { updateProperties(root, maybeNodes, current, hoistableRoot), (root[internalPropsKey] = hoistableRoot); - } catch (error$129) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$129); + } catch (error$130) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$130); } } flags & 1024 && (needsFormReset = !0); @@ -8430,8 +8488,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { current = finishedWork.memoizedProps; try { flags.nodeValue = current; - } catch (error$130) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$130); + } catch (error$131) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$131); } } break; @@ -8445,8 +8503,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { if (flags & 4 && null !== current && current.memoizedState.isDehydrated) try { retryIfBlockedOn(root.containerInfo); - } catch (error$131) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$131); + } catch (error$132) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$132); } needsFormReset && ((needsFormReset = !1), recursivelyResetForms(finishedWork)); @@ -8540,11 +8598,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) { if (null === current) try { root.stateNode.nodeValue = domElement ? "" : root.memoizedProps; - } catch (error$115) { + } catch (error$116) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$115 + error$116 ); } } else if ( @@ -8613,21 +8671,21 @@ function commitReconciliationEffects(finishedWork) { insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0); break; case 5: - var parent$116 = JSCompiler_inline_result.stateNode; + var parent$117 = JSCompiler_inline_result.stateNode; JSCompiler_inline_result.flags & 32 && - (setTextContent(parent$116, ""), + (setTextContent(parent$117, ""), (JSCompiler_inline_result.flags &= -33)); - var before$117 = getHostSibling(finishedWork); - insertOrAppendPlacementNode(finishedWork, before$117, parent$116); + var before$118 = getHostSibling(finishedWork); + insertOrAppendPlacementNode(finishedWork, before$118, parent$117); break; case 3: case 4: - var parent$118 = JSCompiler_inline_result.stateNode.containerInfo, - before$119 = getHostSibling(finishedWork); + var parent$119 = JSCompiler_inline_result.stateNode.containerInfo, + before$120 = getHostSibling(finishedWork); insertOrAppendPlacementNodeIntoContainer( finishedWork, - before$119, - parent$118 + before$120, + parent$119 ); break; default: @@ -8670,15 +8728,12 @@ function recursivelyTraverseDisappearLayoutEffects(parentFiber) { case 1: safelyDetachRef(finishedWork, finishedWork.return); var instance = finishedWork.stateNode; - if ("function" === typeof instance.componentWillUnmount) { - var current = finishedWork, - nearestMountedAncestor = finishedWork.return; - try { - callComponentWillUnmountWithTimer(current, instance); - } catch (error) { - captureCommitPhaseError(current, nearestMountedAncestor, error); - } - } + "function" === typeof instance.componentWillUnmount && + safelyCallComponentWillUnmount( + finishedWork, + finishedWork.return, + instance + ); recursivelyTraverseDisappearLayoutEffects(finishedWork); break; case 26: @@ -9508,14 +9563,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) { break; case "collapsed": lastTailNode = renderState.tail; - for (var lastTailNode$141 = null; null !== lastTailNode; ) - null !== lastTailNode.alternate && (lastTailNode$141 = lastTailNode), + for (var lastTailNode$142 = null; null !== lastTailNode; ) + null !== lastTailNode.alternate && (lastTailNode$142 = lastTailNode), (lastTailNode = lastTailNode.sibling); - null === lastTailNode$141 + null === lastTailNode$142 ? hasRenderedATailFallback || null === renderState.tail ? (renderState.tail = null) : (renderState.tail.sibling = null) - : (lastTailNode$141.sibling = null); + : (lastTailNode$142.sibling = null); } } function bubbleProperties(completedWork) { @@ -9525,19 +9580,19 @@ function bubbleProperties(completedWork) { newChildLanes = 0, subtreeFlags = 0; if (didBailout) - for (var child$142 = completedWork.child; null !== child$142; ) - (newChildLanes |= child$142.lanes | child$142.childLanes), - (subtreeFlags |= child$142.subtreeFlags & 31457280), - (subtreeFlags |= child$142.flags & 31457280), - (child$142.return = completedWork), - (child$142 = child$142.sibling); + for (var child$143 = completedWork.child; null !== child$143; ) + (newChildLanes |= child$143.lanes | child$143.childLanes), + (subtreeFlags |= child$143.subtreeFlags & 31457280), + (subtreeFlags |= child$143.flags & 31457280), + (child$143.return = completedWork), + (child$143 = child$143.sibling); else - for (child$142 = completedWork.child; null !== child$142; ) - (newChildLanes |= child$142.lanes | child$142.childLanes), - (subtreeFlags |= child$142.subtreeFlags), - (subtreeFlags |= child$142.flags), - (child$142.return = completedWork), - (child$142 = child$142.sibling); + for (child$143 = completedWork.child; null !== child$143; ) + (newChildLanes |= child$143.lanes | child$143.childLanes), + (subtreeFlags |= child$143.subtreeFlags), + (subtreeFlags |= child$143.flags), + (child$143.return = completedWork), + (child$143 = child$143.sibling); completedWork.subtreeFlags |= subtreeFlags; completedWork.childLanes = newChildLanes; return didBailout; @@ -9814,11 +9869,11 @@ function completeWork(current, workInProgress, renderLanes) { null !== newProps.alternate.memoizedState && null !== newProps.alternate.memoizedState.cachePool && (type = newProps.alternate.memoizedState.cachePool.pool); - var cache$154 = null; + var cache$155 = null; null !== newProps.memoizedState && null !== newProps.memoizedState.cachePool && - (cache$154 = newProps.memoizedState.cachePool.pool); - cache$154 !== type && (newProps.flags |= 2048); + (cache$155 = newProps.memoizedState.cachePool.pool); + cache$155 !== type && (newProps.flags |= 2048); } renderLanes !== current && renderLanes && @@ -9843,8 +9898,8 @@ function completeWork(current, workInProgress, renderLanes) { type = workInProgress.memoizedState; if (null === type) return bubbleProperties(workInProgress), null; newProps = 0 !== (workInProgress.flags & 128); - cache$154 = type.rendering; - if (null === cache$154) + cache$155 = type.rendering; + if (null === cache$155) if (newProps) cutOffTailIfNeeded(type, !1); else { if ( @@ -9852,11 +9907,11 @@ function completeWork(current, workInProgress, renderLanes) { (null !== current && 0 !== (current.flags & 128)) ) for (current = workInProgress.child; null !== current; ) { - cache$154 = findFirstSuspended(current); - if (null !== cache$154) { + cache$155 = findFirstSuspended(current); + if (null !== cache$155) { workInProgress.flags |= 128; cutOffTailIfNeeded(type, !1); - current = cache$154.updateQueue; + current = cache$155.updateQueue; workInProgress.updateQueue = current; scheduleRetryEffect(workInProgress, current); workInProgress.subtreeFlags = 0; @@ -9881,7 +9936,7 @@ function completeWork(current, workInProgress, renderLanes) { } else { if (!newProps) - if (((current = findFirstSuspended(cache$154)), null !== current)) { + if (((current = findFirstSuspended(cache$155)), null !== current)) { if ( ((workInProgress.flags |= 128), (newProps = !0), @@ -9891,7 +9946,7 @@ function completeWork(current, workInProgress, renderLanes) { cutOffTailIfNeeded(type, !0), null === type.tail && "hidden" === type.tailMode && - !cache$154.alternate && + !cache$155.alternate && !isHydrating) ) return bubbleProperties(workInProgress), null; @@ -9904,13 +9959,13 @@ function completeWork(current, workInProgress, renderLanes) { cutOffTailIfNeeded(type, !1), (workInProgress.lanes = 4194304)); type.isBackwards - ? ((cache$154.sibling = workInProgress.child), - (workInProgress.child = cache$154)) + ? ((cache$155.sibling = workInProgress.child), + (workInProgress.child = cache$155)) : ((current = type.last), null !== current - ? (current.sibling = cache$154) - : (workInProgress.child = cache$154), - (type.last = cache$154)); + ? (current.sibling = cache$155) + : (workInProgress.child = cache$155), + (type.last = cache$155)); } if (null !== type.tail) return ( @@ -10611,8 +10666,8 @@ function renderRootSync(root, lanes) { } workLoopSync(); break; - } catch (thrownValue$169) { - handleThrow(root, thrownValue$169); + } catch (thrownValue$170) { + handleThrow(root, thrownValue$170); } while (1); lanes && root.shellSuspendCounter++; @@ -10721,8 +10776,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrent(); break; - } catch (thrownValue$171) { - handleThrow(root, thrownValue$171); + } catch (thrownValue$172) { + handleThrow(root, thrownValue$172); } while (1); resetContextDependencies(); @@ -10980,7 +11035,7 @@ function releaseRootPooledCache(root, remainingLanes) { } function flushPassiveEffects() { if (null !== rootWithPendingPassiveEffects) { - var root$175 = rootWithPendingPassiveEffects, + var root$176 = rootWithPendingPassiveEffects, remainingLanes = pendingPassiveEffectsRemainingLanes; pendingPassiveEffectsRemainingLanes = 0; var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes), @@ -11019,7 +11074,7 @@ function flushPassiveEffects() { } finally { (ReactDOMSharedInternals.p = previousPriority), (ReactSharedInternals.T = prevTransition), - releaseRootPooledCache(root$175, remainingLanes); + releaseRootPooledCache(root$176, remainingLanes); } } return !1; @@ -11175,18 +11230,18 @@ function flushSyncWorkOnAllRoots() { isFlushingWork = !0; do { var didPerformSomeWork = !1; - for (var root$177 = firstScheduledRoot; null !== root$177; ) { - var workInProgressRootRenderLanes$179 = workInProgressRootRenderLanes; - workInProgressRootRenderLanes$179 = getNextLanes( - root$177, - root$177 === workInProgressRoot - ? workInProgressRootRenderLanes$179 + for (var root$178 = firstScheduledRoot; null !== root$178; ) { + var workInProgressRootRenderLanes$180 = workInProgressRootRenderLanes; + workInProgressRootRenderLanes$180 = getNextLanes( + root$178, + root$178 === workInProgressRoot + ? workInProgressRootRenderLanes$180 : 0 ); - 0 !== (workInProgressRootRenderLanes$179 & 3) && + 0 !== (workInProgressRootRenderLanes$180 & 3) && ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$177, workInProgressRootRenderLanes$179)); - root$177 = root$177.next; + performSyncWorkOnRoot(root$178, workInProgressRootRenderLanes$180)); + root$178 = root$178.next; } } while (didPerformSomeWork); isFlushingWork = !1; @@ -11397,20 +11452,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1401 = 0; - i$jscomp$inline_1401 < simpleEventPluginEvents.length; - i$jscomp$inline_1401++ + var i$jscomp$inline_1403 = 0; + i$jscomp$inline_1403 < simpleEventPluginEvents.length; + i$jscomp$inline_1403++ ) { - var eventName$jscomp$inline_1402 = - simpleEventPluginEvents[i$jscomp$inline_1401], - domEventName$jscomp$inline_1403 = - eventName$jscomp$inline_1402.toLowerCase(), - capitalizedEvent$jscomp$inline_1404 = - eventName$jscomp$inline_1402[0].toUpperCase() + - eventName$jscomp$inline_1402.slice(1); + var eventName$jscomp$inline_1404 = + simpleEventPluginEvents[i$jscomp$inline_1403], + domEventName$jscomp$inline_1405 = + eventName$jscomp$inline_1404.toLowerCase(), + capitalizedEvent$jscomp$inline_1406 = + eventName$jscomp$inline_1404[0].toUpperCase() + + eventName$jscomp$inline_1404.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1403, - "on" + capitalizedEvent$jscomp$inline_1404 + domEventName$jscomp$inline_1405, + "on" + capitalizedEvent$jscomp$inline_1406 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -12593,34 +12648,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$190 = props[hasSrc]; - if (null != propValue$190) + var propValue$191 = props[hasSrc]; + if (null != propValue$191) switch (hasSrc) { case "name": - hasSrcSet = propValue$190; + hasSrcSet = propValue$191; break; case "type": - propValue = propValue$190; + propValue = propValue$191; break; case "checked": - checked = propValue$190; + checked = propValue$191; break; case "defaultChecked": - defaultChecked = propValue$190; + defaultChecked = propValue$191; break; case "value": - propKey = propValue$190; + propKey = propValue$191; break; case "defaultValue": - defaultValue = propValue$190; + defaultValue = propValue$191; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$190) + if (null != propValue$191) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$190, props, null); + setProp(domElement, tag, hasSrc, propValue$191, props, null); } } initInput( @@ -12757,14 +12812,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$190 in props) - props.hasOwnProperty(propValue$190) && - ((hasSrc = props[propValue$190]), + for (propValue$191 in props) + props.hasOwnProperty(propValue$191) && + ((hasSrc = props[propValue$191]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$190, + propValue$191, hasSrc, props, void 0 @@ -12812,14 +12867,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$207 in nextProps) { - var propKey = nextProps[propKey$207]; - lastProp = lastProps[propKey$207]; + for (var propKey$208 in nextProps) { + var propKey = nextProps[propKey$208]; + lastProp = lastProps[propKey$208]; if ( - nextProps.hasOwnProperty(propKey$207) && + nextProps.hasOwnProperty(propKey$208) && (null != propKey || null != lastProp) ) - switch (propKey$207) { + switch (propKey$208) { case "type": type = propKey; break; @@ -12848,7 +12903,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$207, + propKey$208, propKey, nextProps, lastProp @@ -12867,7 +12922,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$207 = null; + propKey = value = defaultValue = propKey$208 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -12898,7 +12953,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (name) { case "value": - propKey$207 = type; + propKey$208 = type; break; case "defaultValue": defaultValue = type; @@ -12919,15 +12974,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$207 - ? updateOptions(domElement, !!lastProps, propKey$207, !1) + null != propKey$208 + ? updateOptions(domElement, !!lastProps, propKey$208, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$207 = null; + propKey = propKey$208 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -12951,7 +13006,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (value) { case "value": - propKey$207 = name; + propKey$208 = name; break; case "defaultValue": propKey = name; @@ -12965,17 +13020,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$207, propKey); + updateTextarea(domElement, propKey$208, propKey); return; case "option": - for (var propKey$223 in lastProps) + for (var propKey$224 in lastProps) if ( - ((propKey$207 = lastProps[propKey$223]), - lastProps.hasOwnProperty(propKey$223) && - null != propKey$207 && - !nextProps.hasOwnProperty(propKey$223)) + ((propKey$208 = lastProps[propKey$224]), + lastProps.hasOwnProperty(propKey$224) && + null != propKey$208 && + !nextProps.hasOwnProperty(propKey$224)) ) - switch (propKey$223) { + switch (propKey$224) { case "selected": domElement.selected = !1; break; @@ -12983,33 +13038,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$223, + propKey$224, null, nextProps, - propKey$207 + propKey$208 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$207 = nextProps[lastDefaultValue]), + ((propKey$208 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$207 !== propKey && - (null != propKey$207 || null != propKey)) + propKey$208 !== propKey && + (null != propKey$208 || null != propKey)) ) switch (lastDefaultValue) { case "selected": domElement.selected = - propKey$207 && - "function" !== typeof propKey$207 && - "symbol" !== typeof propKey$207; + propKey$208 && + "function" !== typeof propKey$208 && + "symbol" !== typeof propKey$208; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$207, + propKey$208, nextProps, propKey ); @@ -13030,24 +13085,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$228 in lastProps) - (propKey$207 = lastProps[propKey$228]), - lastProps.hasOwnProperty(propKey$228) && - null != propKey$207 && - !nextProps.hasOwnProperty(propKey$228) && - setProp(domElement, tag, propKey$228, null, nextProps, propKey$207); + for (var propKey$229 in lastProps) + (propKey$208 = lastProps[propKey$229]), + lastProps.hasOwnProperty(propKey$229) && + null != propKey$208 && + !nextProps.hasOwnProperty(propKey$229) && + setProp(domElement, tag, propKey$229, null, nextProps, propKey$208); for (checked in nextProps) if ( - ((propKey$207 = nextProps[checked]), + ((propKey$208 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$207 !== propKey && - (null != propKey$207 || null != propKey)) + propKey$208 !== propKey && + (null != propKey$208 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$207) + if (null != propKey$208) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -13055,7 +13110,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$207, + propKey$208, nextProps, propKey ); @@ -13063,49 +13118,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$233 in lastProps) - (propKey$207 = lastProps[propKey$233]), - lastProps.hasOwnProperty(propKey$233) && - void 0 !== propKey$207 && - !nextProps.hasOwnProperty(propKey$233) && + for (var propKey$234 in lastProps) + (propKey$208 = lastProps[propKey$234]), + lastProps.hasOwnProperty(propKey$234) && + void 0 !== propKey$208 && + !nextProps.hasOwnProperty(propKey$234) && setPropOnCustomElement( domElement, tag, - propKey$233, + propKey$234, void 0, nextProps, - propKey$207 + propKey$208 ); for (defaultChecked in nextProps) - (propKey$207 = nextProps[defaultChecked]), + (propKey$208 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$207 === propKey || - (void 0 === propKey$207 && void 0 === propKey) || + propKey$208 === propKey || + (void 0 === propKey$208 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$207, + propKey$208, nextProps, propKey ); return; } } - for (var propKey$238 in lastProps) - (propKey$207 = lastProps[propKey$238]), - lastProps.hasOwnProperty(propKey$238) && - null != propKey$207 && - !nextProps.hasOwnProperty(propKey$238) && - setProp(domElement, tag, propKey$238, null, nextProps, propKey$207); + for (var propKey$239 in lastProps) + (propKey$208 = lastProps[propKey$239]), + lastProps.hasOwnProperty(propKey$239) && + null != propKey$208 && + !nextProps.hasOwnProperty(propKey$239) && + setProp(domElement, tag, propKey$239, null, nextProps, propKey$208); for (lastProp in nextProps) - (propKey$207 = nextProps[lastProp]), + (propKey$208 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$207 === propKey || - (null == propKey$207 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$207, nextProps, propKey); + propKey$208 === propKey || + (null == propKey$208 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$208, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -13650,26 +13705,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$246 = getResourcesFromRoot( + var styles$247 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$247 = styles$246.get(type); - resource$247 || + resource$248 = styles$247.get(type); + resource$248 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$247 = { + (resource$248 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$246.set(type, resource$247), - (styles$246 = JSCompiler_inline_result.querySelector( + styles$247.set(type, resource$248), + (styles$247 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$246._p && - ((resource$247.instance = styles$246), - (resource$247.state.loading = 5)), + !styles$247._p && + ((resource$248.instance = styles$247), + (resource$248.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -13682,16 +13737,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$246 || + styles$247 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$247.state + resource$248.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$247; + return resource$248; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -13788,37 +13843,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$252 = hoistableRoot.querySelector( + var instance$253 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$252) + if (instance$253) return ( (resource.state.loading |= 4), - (resource.instance = instance$252), - markNodeAsHoistable(instance$252), - instance$252 + (resource.instance = instance$253), + markNodeAsHoistable(instance$253), + instance$253 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$252 = ( + instance$253 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$252); - var linkInstance = instance$252; + markNodeAsHoistable(instance$253); + var linkInstance = instance$253; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$252, "link", instance); + setInitialProperties(instance$253, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$252, props.precedence, hoistableRoot); - return (resource.instance = instance$252); + insertStylesheet(instance$253, props.precedence, hoistableRoot); + return (resource.instance = instance$253); case "script": - instance$252 = getScriptKey(props.src); + instance$253 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$252) + getScriptSelectorFromKey(instance$253) )) ) return ( @@ -13827,7 +13882,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$252))) + if ((styleProps = preloadPropsMap.get(instance$253))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -14846,16 +14901,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_1649 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1651 = React.version; if ( - "19.0.0-experimental-f6cce072-20240723" !== - isomorphicReactPackageVersion$jscomp$inline_1649 + "19.0.0-experimental-76002254-20240724" !== + isomorphicReactPackageVersion$jscomp$inline_1651 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1649, - "19.0.0-experimental-f6cce072-20240723" + isomorphicReactPackageVersion$jscomp$inline_1651, + "19.0.0-experimental-76002254-20240724" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -14871,17 +14926,17 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var devToolsConfig$jscomp$inline_1656 = { +var devToolsConfig$jscomp$inline_1658 = { findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 0, - version: "19.0.0-experimental-f6cce072-20240723", + version: "19.0.0-experimental-76002254-20240724", rendererPackageName: "react-dom" }; -var internals$jscomp$inline_2034 = { - bundleType: devToolsConfig$jscomp$inline_1656.bundleType, - version: devToolsConfig$jscomp$inline_1656.version, - rendererPackageName: devToolsConfig$jscomp$inline_1656.rendererPackageName, - rendererConfig: devToolsConfig$jscomp$inline_1656.rendererConfig, +var internals$jscomp$inline_2024 = { + bundleType: devToolsConfig$jscomp$inline_1658.bundleType, + version: devToolsConfig$jscomp$inline_1658.version, + rendererPackageName: devToolsConfig$jscomp$inline_1658.rendererPackageName, + rendererConfig: devToolsConfig$jscomp$inline_1658.rendererConfig, overrideHookState: null, overrideHookStateDeletePath: null, overrideHookStateRenamePath: null, @@ -14897,26 +14952,26 @@ var internals$jscomp$inline_2034 = { return null === fiber ? null : fiber.stateNode; }, findFiberByHostInstance: - devToolsConfig$jscomp$inline_1656.findFiberByHostInstance || + devToolsConfig$jscomp$inline_1658.findFiberByHostInstance || emptyFindFiberByHostInstance, findHostInstancesForRefresh: null, scheduleRefresh: null, scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "19.0.0-experimental-f6cce072-20240723" + reconcilerVersion: "19.0.0-experimental-76002254-20240724" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2035 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2025 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2035.isDisabled && - hook$jscomp$inline_2035.supportsFiber + !hook$jscomp$inline_2025.isDisabled && + hook$jscomp$inline_2025.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2035.inject( - internals$jscomp$inline_2034 + (rendererID = hook$jscomp$inline_2025.inject( + internals$jscomp$inline_2024 )), - (injectedHook = hook$jscomp$inline_2035); + (injectedHook = hook$jscomp$inline_2025); } catch (err) {} } exports.createRoot = function (container, options) { @@ -15010,4 +15065,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.0.0-experimental-f6cce072-20240723"; +exports.version = "19.0.0-experimental-76002254-20240724"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js index 6c16d207de4020..bdd8a264387e2b 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.development.js @@ -485,18 +485,26 @@ "function" === typeof fn && componentFrameCache.set(fn, sampleLines); return sampleLines; } - function isNotExternal(stackFrame) { - return !externalRegExp.test(stackFrame); - } - function filterDebugStack(error) { + function formatOwnerStack(error) { + var prevPrepareStackTrace = Error.prepareStackTrace; + Error.prepareStackTrace = void 0; error = error.stack; + Error.prepareStackTrace = prevPrepareStackTrace; error.startsWith("Error: react-stack-top-frame\n") && (error = error.slice(29)); - var idx = error.indexOf("react-stack-bottom-frame"); - -1 !== idx && (idx = error.lastIndexOf("\n", idx)); - if (-1 !== idx) error = error.slice(0, idx); + prevPrepareStackTrace = error.indexOf("\n"); + -1 !== prevPrepareStackTrace && + (error = error.slice(prevPrepareStackTrace + 1)); + prevPrepareStackTrace = error.indexOf("react-stack-bottom-frame"); + -1 !== prevPrepareStackTrace && + (prevPrepareStackTrace = error.lastIndexOf( + "\n", + prevPrepareStackTrace + )); + if (-1 !== prevPrepareStackTrace) + error = error.slice(0, prevPrepareStackTrace); else return ""; - return error.split("\n").slice(1).filter(isNotExternal).join("\n"); + return error; } function describeFiber(fiber) { switch (fiber.tag) { @@ -600,13 +608,13 @@ workInProgress && debugStack && ("string" !== typeof debugStack && - (fiber._debugStack = debugStack = filterDebugStack(debugStack)), + (fiber._debugStack = debugStack = formatOwnerStack(debugStack)), "" !== debugStack && (info += "\n" + debugStack)); } else if (null != workInProgress.debugStack) { var ownerStack = workInProgress.debugStack; (workInProgress = workInProgress.owner) && ownerStack && - (info += "\n" + filterDebugStack(ownerStack)); + (info += "\n" + formatOwnerStack(ownerStack)); } else break; var JSCompiler_inline_result = info; } catch (x) { @@ -7649,10 +7657,7 @@ (null === legacyErrorBoundariesThatAlreadyFailed ? (legacyErrorBoundariesThatAlreadyFailed = new Set([this])) : legacyErrorBoundariesThatAlreadyFailed.add(this)); - var stack = errorInfo.stack; - this.componentDidCatch(errorInfo.value, { - componentStack: null !== stack ? stack : "" - }); + callComponentDidCatchInDEV(this, errorInfo); "function" === typeof getDerivedStateFromError || (0 === (fiber.lanes & SyncLane) && console.error( @@ -9787,6 +9792,7 @@ current.$$typeof === REACT_LAZY_TYPE && (workInProgress = " Did you wrap a component in React.lazy() more than once?"); + current = getComponentNameFromType(current) || current; throw Error( "Element type is invalid. Received a promise that resolves to: " + current + @@ -10903,19 +10909,29 @@ (executionContext & CommitContext) !== NoContext ); } - function callComponentWillUnmountWithTimer(current, instance) { + function safelyCallComponentWillUnmount( + current, + nearestMountedAncestor, + instance + ) { instance.props = resolveClassComponentProps( current.type, current.memoizedProps ); instance.state = current.memoizedState; - if (shouldProfile(current)) - try { - startLayoutEffectTimer(), instance.componentWillUnmount(); - } finally { - recordLayoutEffectDuration(current); - } - else instance.componentWillUnmount(); + shouldProfile(current) + ? (startLayoutEffectTimer(), + callComponentWillUnmountInDEV( + current, + nearestMountedAncestor, + instance + ), + recordLayoutEffectDuration(current)) + : callComponentWillUnmountInDEV( + current, + nearestMountedAncestor, + instance + ); } function safelyAttachRef(current, nearestMountedAncestor) { try { @@ -10988,13 +11004,6 @@ } else ref.current = null; } - function safelyCallDestroy(current, nearestMountedAncestor, destroy) { - try { - destroy(); - } catch (error) { - captureCommitPhaseError(current, nearestMountedAncestor, error); - } - } function commitBeforeMutationEffects(root, firstChild) { eventsEnabled = _enabled; root = getActiveElementDeep(); @@ -11209,7 +11218,7 @@ markComponentLayoutEffectUnmountStarted(finishedWork), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0), - safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy), + callDestroyInDEV(finishedWork, nearestMountedAncestor, destroy), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !1), (flags & Passive) !== NoFlags @@ -11245,11 +11254,8 @@ injectedProfilingHooks.markComponentLayoutEffectMountStarted( finishedWork ); - var create = effect.create; (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0); - var inst = effect.inst; - create = create(); - inst.destroy = create; + var destroy = callCreateInDEV(effect); (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !1); (flags & Passive) !== NoFlags ? null !== injectedProfilingHooks && @@ -11261,27 +11267,27 @@ "function" === typeof injectedProfilingHooks.markComponentLayoutEffectMountStopped && injectedProfilingHooks.markComponentLayoutEffectMountStopped(); - void 0 !== create && - "function" !== typeof create && - ((inst = + if (void 0 !== destroy && "function" !== typeof destroy) { + var hookName = 0 !== (effect.tag & Layout) ? "useLayoutEffect" : 0 !== (effect.tag & Insertion) ? "useInsertionEffect" - : "useEffect"), + : "useEffect"; console.error( "%s must not return anything besides a function, which is used for clean-up.%s", - inst, - null === create + hookName, + null === destroy ? " You returned null. If your effect does not require clean up, return undefined (or nothing)." - : "function" === typeof create.then + : "function" === typeof destroy.then ? "\n\nIt looks like you wrote " + - inst + + hookName + "(async () => ...) or returned a Promise. Instead, write the async function inside your effect and call it immediately:\n\n" + - inst + + hookName + "(() => {\n async function fetchData() {\n // You can await here\n const response = await MyAPI.getData(someId);\n // ...\n }\n fetchData();\n}, [someId]); // Or [] if effect doesn't need props or state\n\nLearn more about data fetching with Hooks: https://react.dev/link/hooks-data-fetching" - : " You returned: " + create - )); + : " You returned: " + destroy + ); + } } effect = effect.next; } while (effect !== updateQueue); @@ -11416,42 +11422,24 @@ ); if (flags & 4) if (((finishedRoot = finishedWork.stateNode), null === current)) - if ( - (finishedWork.type.defaultProps || - "ref" in finishedWork.memoizedProps || - didWarnAboutReassigningProps || - (finishedRoot.props !== finishedWork.memoizedProps && - console.error( - "Expected %s props to match memoized props before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.", - getComponentNameFromFiber(finishedWork) || "instance" - ), - finishedRoot.state !== finishedWork.memoizedState && - console.error( - "Expected %s state to match memoized state before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.", - getComponentNameFromFiber(finishedWork) || "instance" - )), - shouldProfile(finishedWork)) - ) { - try { - startLayoutEffectTimer(), finishedRoot.componentDidMount(); - } catch (error) { - captureCommitPhaseError( - finishedWork, - finishedWork.return, - error - ); - } - recordLayoutEffectDuration(finishedWork); - } else - try { - finishedRoot.componentDidMount(); - } catch (error$8) { - captureCommitPhaseError( - finishedWork, - finishedWork.return, - error$8 - ); - } + finishedWork.type.defaultProps || + "ref" in finishedWork.memoizedProps || + didWarnAboutReassigningProps || + (finishedRoot.props !== finishedWork.memoizedProps && + console.error( + "Expected %s props to match memoized props before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.", + getComponentNameFromFiber(finishedWork) || "instance" + ), + finishedRoot.state !== finishedWork.memoizedState && + console.error( + "Expected %s state to match memoized state before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.", + getComponentNameFromFiber(finishedWork) || "instance" + )), + shouldProfile(finishedWork) + ? (startLayoutEffectTimer(), + callComponentDidMountInDEV(finishedWork, finishedRoot), + recordLayoutEffectDuration(finishedWork)) + : callComponentDidMountInDEV(finishedWork, finishedRoot); else { committedLanes = resolveClassComponentProps( finishedWork.type, @@ -11471,36 +11459,23 @@ "Expected %s state to match memoized state before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.", getComponentNameFromFiber(finishedWork) || "instance" )); - if (shouldProfile(finishedWork)) { - try { - startLayoutEffectTimer(), - finishedRoot.componentDidUpdate( - committedLanes, - prevState, - finishedRoot.__reactInternalSnapshotBeforeUpdate - ); - } catch (error$9) { - captureCommitPhaseError( + shouldProfile(finishedWork) + ? (startLayoutEffectTimer(), + callComponentDidUpdateInDEV( finishedWork, - finishedWork.return, - error$9 - ); - } - recordLayoutEffectDuration(finishedWork); - } else - try { - finishedRoot.componentDidUpdate( + finishedRoot, committedLanes, prevState, finishedRoot.__reactInternalSnapshotBeforeUpdate - ); - } catch (error$10) { - captureCommitPhaseError( + ), + recordLayoutEffectDuration(finishedWork)) + : callComponentDidUpdateInDEV( finishedWork, - finishedWork.return, - error$10 + finishedRoot, + committedLanes, + prevState, + finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } } flags & 64 && commitClassCallbacks(finishedWork); flags & 512 && safelyAttachRef(finishedWork, finishedWork.return); @@ -11831,7 +11806,7 @@ void 0 !== destroy && ((tag & Insertion) !== NoFlags ? ((inst.destroy = void 0), - safelyCallDestroy( + callDestroyInDEV( deletedFiber, nearestMountedAncestor, destroy @@ -11841,14 +11816,14 @@ shouldProfile(deletedFiber) ? (startLayoutEffectTimer(), (inst.destroy = void 0), - safelyCallDestroy( + callDestroyInDEV( deletedFiber, nearestMountedAncestor, destroy ), recordLayoutEffectDuration(deletedFiber)) : ((inst.destroy = void 0), - safelyCallDestroy( + callDestroyInDEV( deletedFiber, nearestMountedAncestor, destroy @@ -11864,21 +11839,15 @@ ); break; case 1: - if ( - !offscreenSubtreeWasHidden && + offscreenSubtreeWasHidden || (safelyDetachRef(deletedFiber, nearestMountedAncestor), (prevHostParent = deletedFiber.stateNode), - "function" === typeof prevHostParent.componentWillUnmount) - ) - try { - callComponentWillUnmountWithTimer(deletedFiber, prevHostParent); - } catch (error) { - captureCommitPhaseError( + "function" === typeof prevHostParent.componentWillUnmount && + safelyCallComponentWillUnmount( deletedFiber, nearestMountedAncestor, - error - ); - } + prevHostParent + )); recursivelyTraverseDeletionEffects( finishedRoot, nearestMountedAncestor, @@ -12067,11 +12036,11 @@ finishedWork, finishedWork.return ); - } catch (error$12) { + } catch (error$9) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$12 + error$9 ); } recordLayoutEffectDuration(finishedWork); @@ -12082,11 +12051,11 @@ finishedWork, finishedWork.return ); - } catch (error$13) { + } catch (error$10) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$13 + error$10 ); } } @@ -12272,11 +12241,11 @@ newProps ); domElement[internalPropsKey] = newProps; - } catch (error$14) { + } catch (error$11) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$14 + error$11 ); } break; @@ -12332,11 +12301,11 @@ root = finishedWork.stateNode; try { setTextContent(root, ""); - } catch (error$15) { + } catch (error$12) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$15 + error$12 ); } } @@ -12347,11 +12316,11 @@ try { updateProperties(root, hoistableRoot, current, lanes), (root[internalPropsKey] = lanes); - } catch (error$16) { + } catch (error$13) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$16 + error$13 ); } } @@ -12374,11 +12343,11 @@ current = finishedWork.memoizedProps; try { flags.nodeValue = current; - } catch (error$17) { + } catch (error$14) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$17 + error$14 ); } } @@ -12397,11 +12366,11 @@ ) try { retryIfBlockedOn(root.containerInfo); - } catch (error$18) { + } catch (error$15) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$18 + error$15 ); } needsFormReset && @@ -12498,11 +12467,11 @@ root.stateNode.nodeValue = domElement ? "" : root.memoizedProps; - } catch (error$11) { + } catch (error$8) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$11 + error$8 ); } } else if ( @@ -12670,18 +12639,12 @@ case 1: safelyDetachRef(finishedWork, finishedWork.return); var instance = finishedWork.stateNode; - if ("function" === typeof instance.componentWillUnmount) { - var nearestMountedAncestor = finishedWork.return; - try { - callComponentWillUnmountWithTimer(finishedWork, instance); - } catch (error) { - captureCommitPhaseError( - finishedWork, - nearestMountedAncestor, - error - ); - } - } + "function" === typeof instance.componentWillUnmount && + safelyCallComponentWillUnmount( + finishedWork, + finishedWork.return, + instance + ); recursivelyTraverseDisappearLayoutEffects(finishedWork); break; case 26: @@ -12832,8 +12795,8 @@ } else try { commitHookEffectListMount(hookFlags, finishedWork); - } catch (error$20) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$20); + } catch (error$17) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$17); } } function commitOffscreenPassiveMountEffects(current, finishedWork) { @@ -15111,8 +15074,8 @@ } workLoopSync(); break; - } catch (thrownValue$22) { - handleThrow(root, thrownValue$22); + } catch (thrownValue$19) { + handleThrow(root, thrownValue$19); } while (1); lanes && root.shellSuspendCounter++; @@ -15252,8 +15215,8 @@ ? workLoopSync() : workLoopConcurrent(); break; - } catch (thrownValue$23) { - handleThrow(root, thrownValue$23); + } catch (thrownValue$20) { + handleThrow(root, thrownValue$20); } while (1); resetContextDependencies(); @@ -21119,8 +21082,7 @@ var componentFrameCache = new ( "function" === typeof WeakMap ? WeakMap : Map )(); - var externalRegExp = /\/node_modules\/|\(/, - current = null, + var current = null, isRendering = !1, isArrayImpl = Array.isArray, ReactDOMSharedInternals = @@ -22642,6 +22604,87 @@ } }, callRenderInDEV = callRender["react-stack-bottom-frame"].bind(callRender), + callComponentDidMount = { + "react-stack-bottom-frame": function (finishedWork, instance) { + try { + instance.componentDidMount(); + } catch (error) { + captureCommitPhaseError(finishedWork, finishedWork.return, error); + } + } + }, + callComponentDidMountInDEV = callComponentDidMount[ + "react-stack-bottom-frame" + ].bind(callComponentDidMount), + callComponentDidUpdate = { + "react-stack-bottom-frame": function ( + finishedWork, + instance, + prevProps, + prevState, + snapshot + ) { + try { + instance.componentDidUpdate(prevProps, prevState, snapshot); + } catch (error) { + captureCommitPhaseError(finishedWork, finishedWork.return, error); + } + } + }, + callComponentDidUpdateInDEV = callComponentDidUpdate[ + "react-stack-bottom-frame" + ].bind(callComponentDidUpdate), + callComponentDidCatch = { + "react-stack-bottom-frame": function (instance, errorInfo) { + var stack = errorInfo.stack; + instance.componentDidCatch(errorInfo.value, { + componentStack: null !== stack ? stack : "" + }); + } + }, + callComponentDidCatchInDEV = callComponentDidCatch[ + "react-stack-bottom-frame" + ].bind(callComponentDidCatch), + callComponentWillUnmount = { + "react-stack-bottom-frame": function ( + current, + nearestMountedAncestor, + instance + ) { + try { + instance.componentWillUnmount(); + } catch (error) { + captureCommitPhaseError(current, nearestMountedAncestor, error); + } + } + }, + callComponentWillUnmountInDEV = callComponentWillUnmount[ + "react-stack-bottom-frame" + ].bind(callComponentWillUnmount), + callCreate = { + "react-stack-bottom-frame": function (effect) { + var create = effect.create; + effect = effect.inst; + create = create(); + return (effect.destroy = create); + } + }, + callCreateInDEV = callCreate["react-stack-bottom-frame"].bind(callCreate), + callDestroy = { + "react-stack-bottom-frame": function ( + current, + nearestMountedAncestor, + destroy + ) { + try { + destroy(); + } catch (error) { + captureCommitPhaseError(current, nearestMountedAncestor, error); + } + } + }, + callDestroyInDEV = + callDestroy["react-stack-bottom-frame"].bind(callDestroy), callLazyInit = { "react-stack-bottom-frame": function (lazy) { var init = lazy._init; @@ -24053,7 +24096,7 @@ var nonExtensibleObject = Object.preventExtensions({}); new Map([[nonExtensibleObject, null]]); new Set([nonExtensibleObject]); - } catch (e$21) { + } catch (e$18) { hasBadMapPolyfill = !0; } var DefaultAsyncDispatcher = { @@ -24671,11 +24714,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-experimental-f6cce072-20240723" !== isomorphicReactPackageVersion) + if ("19.0.0-experimental-76002254-20240724" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.0.0-experimental-f6cce072-20240723\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-experimental-76002254-20240724\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -24730,12 +24773,12 @@ scheduleRoot: scheduleRoot, setRefreshHandler: setRefreshHandler, getCurrentFiber: getCurrentFiberForDevTools, - reconcilerVersion: "19.0.0-experimental-f6cce072-20240723" + reconcilerVersion: "19.0.0-experimental-76002254-20240724" }); })({ findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 1, - version: "19.0.0-experimental-f6cce072-20240723", + version: "19.0.0-experimental-76002254-20240724", rendererPackageName: "react-dom" }) && canUseDOM && @@ -25195,7 +25238,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.0.0-experimental-f6cce072-20240723"; + exports.version = "19.0.0-experimental-76002254-20240724"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js index 483c0bceb155b3..b2c88478bef17e 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-profiling.profiling.js @@ -69,8 +69,58 @@ function getIteratorFn(maybeIterable) { maybeIterable["@@iterator"]; return "function" === typeof maybeIterable ? maybeIterable : null; } -var ASYNC_ITERATOR = Symbol.asyncIterator; -Symbol.for("react.client.reference"); +var ASYNC_ITERATOR = Symbol.asyncIterator, + REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"); +function getComponentNameFromType(type) { + if (null == type) return null; + if ("function" === typeof type) + return type.$$typeof === REACT_CLIENT_REFERENCE + ? null + : type.displayName || type.name || null; + if ("string" === typeof type) return type; + switch (type) { + case REACT_FRAGMENT_TYPE: + return "Fragment"; + case REACT_PORTAL_TYPE: + return "Portal"; + case REACT_PROFILER_TYPE: + return "Profiler"; + case REACT_STRICT_MODE_TYPE: + return "StrictMode"; + case REACT_SUSPENSE_TYPE: + return "Suspense"; + case REACT_SUSPENSE_LIST_TYPE: + return "SuspenseList"; + } + if ("object" === typeof type) + switch (type.$$typeof) { + case REACT_CONTEXT_TYPE: + return (type.displayName || "Context") + ".Provider"; + case REACT_CONSUMER_TYPE: + return (type._context.displayName || "Context") + ".Consumer"; + case REACT_FORWARD_REF_TYPE: + var innerType = type.render; + type = type.displayName; + type || + ((type = innerType.displayName || innerType.name || ""), + (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef")); + return type; + case REACT_MEMO_TYPE: + return ( + (innerType = type.displayName || null), + null !== innerType + ? innerType + : getComponentNameFromType(type.type) || "Memo" + ); + case REACT_LAZY_TYPE: + innerType = type._payload; + type = type._init; + try { + return getComponentNameFromType(type(innerType)); + } catch (x) {} + } + return null; +} var ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, assign = Object.assign, @@ -2039,19 +2089,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$306; + var JSCompiler_inline_result$jscomp$308; if (canUseDOM) { - var isSupported$jscomp$inline_439 = "oninput" in document; - if (!isSupported$jscomp$inline_439) { - var element$jscomp$inline_440 = document.createElement("div"); - element$jscomp$inline_440.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_439 = - "function" === typeof element$jscomp$inline_440.oninput; + var isSupported$jscomp$inline_441 = "oninput" in document; + if (!isSupported$jscomp$inline_441) { + var element$jscomp$inline_442 = document.createElement("div"); + element$jscomp$inline_442.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_441 = + "function" === typeof element$jscomp$inline_442.oninput; } - JSCompiler_inline_result$jscomp$306 = isSupported$jscomp$inline_439; - } else JSCompiler_inline_result$jscomp$306 = !1; + JSCompiler_inline_result$jscomp$308 = isSupported$jscomp$inline_441; + } else JSCompiler_inline_result$jscomp$308 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$306 && + JSCompiler_inline_result$jscomp$308 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -6723,7 +6773,9 @@ function beginWork(current, workInProgress, renderLanes) { ); break a; } - throw Error(formatProdErrorMessage(306, lazyComponent, "")); + workInProgress = + getComponentNameFromType(lazyComponent) || lazyComponent; + throw Error(formatProdErrorMessage(306, workInProgress, "")); } } return workInProgress; @@ -7614,9 +7666,9 @@ function resolveClassComponentProps(Component, baseProps) { } if ((Component = Component.defaultProps)) { newProps === baseProps && (newProps = assign({}, newProps)); - for (var propName$116 in Component) - void 0 === newProps[propName$116] && - (newProps[propName$116] = Component[propName$116]); + for (var propName$117 in Component) + void 0 === newProps[propName$117] && + (newProps[propName$117] = Component[propName$117]); } return newProps; } @@ -7630,19 +7682,30 @@ var offscreenSubtreeIsHidden = !1, function shouldProfile(current) { return 0 !== (current.mode & 2) && 0 !== (executionContext & 4); } -function callComponentWillUnmountWithTimer(current, instance) { +function safelyCallComponentWillUnmount( + current, + nearestMountedAncestor, + instance +) { instance.props = resolveClassComponentProps( current.type, current.memoizedProps ); instance.state = current.memoizedState; - if (shouldProfile(current)) + if (shouldProfile(current)) { + startLayoutEffectTimer(); try { - startLayoutEffectTimer(), instance.componentWillUnmount(); - } finally { - recordLayoutEffectDuration(current); + instance.componentWillUnmount(); + } catch (error) { + captureCommitPhaseError(current, nearestMountedAncestor, error); + } + recordLayoutEffectDuration(current); + } else + try { + instance.componentWillUnmount(); + } catch (error$118) { + captureCommitPhaseError(current, nearestMountedAncestor, error$118); } - else instance.componentWillUnmount(); } function safelyAttachRef(current, nearestMountedAncestor) { try { @@ -7701,8 +7764,8 @@ function safelyDetachRef(current, nearestMountedAncestor) { recordLayoutEffectDuration(current); } else ref(null); - } catch (error$117) { - captureCommitPhaseError(current, nearestMountedAncestor, error$117); + } catch (error$119) { + captureCommitPhaseError(current, nearestMountedAncestor, error$119); } else ref.current = null; } @@ -7927,10 +7990,10 @@ function commitHookEffectListMount(flags, finishedWork) { injectedProfilingHooks.markComponentLayoutEffectMountStarted( finishedWork ); - var create = effect.create, - inst = effect.inst; - create = create(); - inst.destroy = create; + var destroy = effect.create; + var inst = effect.inst; + destroy = destroy(); + inst.destroy = destroy; 0 !== (flags & 8) ? null !== injectedProfilingHooks && "function" === @@ -7958,8 +8021,8 @@ function commitHookLayoutEffects(finishedWork, hookFlags) { } else try { commitHookEffectListMount(hookFlags, finishedWork); - } catch (error$121) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$121); + } catch (error$123) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$123); } } function commitClassCallbacks(finishedWork) { @@ -8049,8 +8112,9 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { if (flags & 4) if (((finishedRoot = finishedWork.stateNode), null === current)) if (shouldProfile(finishedWork)) { + startLayoutEffectTimer(); try { - startLayoutEffectTimer(), finishedRoot.componentDidMount(); + finishedRoot.componentDidMount(); } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); } @@ -8058,11 +8122,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { } else try { finishedRoot.componentDidMount(); - } catch (error$122) { + } catch (error$124) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$122 + error$124 ); } else { @@ -8072,18 +8136,18 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { ); current = current.memoizedState; if (shouldProfile(finishedWork)) { + startLayoutEffectTimer(); try { - startLayoutEffectTimer(), - finishedRoot.componentDidUpdate( - prevProps, - current, - finishedRoot.__reactInternalSnapshotBeforeUpdate - ); - } catch (error$123) { + finishedRoot.componentDidUpdate( + prevProps, + current, + finishedRoot.__reactInternalSnapshotBeforeUpdate + ); + } catch (error$125) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$123 + error$125 ); } recordLayoutEffectDuration(finishedWork); @@ -8094,11 +8158,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { current, finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } catch (error$124) { + } catch (error$126) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$124 + error$126 ); } } @@ -8413,17 +8477,15 @@ function commitDeletionEffectsOnFiber( ); break; case 1: - if ( - !offscreenSubtreeWasHidden && + offscreenSubtreeWasHidden || (safelyDetachRef(deletedFiber, nearestMountedAncestor), (prevHostParent = deletedFiber.stateNode), - "function" === typeof prevHostParent.componentWillUnmount) - ) - try { - callComponentWillUnmountWithTimer(deletedFiber, prevHostParent); - } catch (error) { - captureCommitPhaseError(deletedFiber, nearestMountedAncestor, error); - } + "function" === typeof prevHostParent.componentWillUnmount && + safelyCallComponentWillUnmount( + deletedFiber, + nearestMountedAncestor, + prevHostParent + )); recursivelyTraverseDeletionEffects( finishedRoot, nearestMountedAncestor, @@ -8577,22 +8639,22 @@ function commitMutationEffectsOnFiber(finishedWork, root) { try { startLayoutEffectTimer(), commitHookEffectListUnmount(5, finishedWork, finishedWork.return); - } catch (error$138) { + } catch (error$140) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$138 + error$140 ); } recordLayoutEffectDuration(finishedWork); } else try { commitHookEffectListUnmount(5, finishedWork, finishedWork.return); - } catch (error$139) { + } catch (error$141) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$139 + error$141 ); } } @@ -8766,11 +8828,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) { newProps ); domElement[internalPropsKey] = newProps; - } catch (error$140) { + } catch (error$142) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$140 + error$142 ); } break; @@ -8807,8 +8869,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { root = finishedWork.stateNode; try { setTextContent(root, ""); - } catch (error$141) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$141); + } catch (error$143) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$143); } } if (flags & 4 && ((root = finishedWork.stateNode), null != root)) { @@ -8818,8 +8880,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { try { updateProperties(root, maybeNodes, current, hoistableRoot), (root[internalPropsKey] = hoistableRoot); - } catch (error$143) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$143); + } catch (error$145) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$145); } } flags & 1024 && (needsFormReset = !0); @@ -8834,8 +8896,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { current = finishedWork.memoizedProps; try { flags.nodeValue = current; - } catch (error$144) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$144); + } catch (error$146) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$146); } } break; @@ -8849,8 +8911,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { if (flags & 4 && null !== current && current.memoizedState.isDehydrated) try { retryIfBlockedOn(root.containerInfo); - } catch (error$145) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$145); + } catch (error$147) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$147); } needsFormReset && ((needsFormReset = !1), recursivelyResetForms(finishedWork)); @@ -8944,11 +9006,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) { if (null === current) try { root.stateNode.nodeValue = domElement ? "" : root.memoizedProps; - } catch (error$128) { + } catch (error$130) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$128 + error$130 ); } } else if ( @@ -9017,21 +9079,21 @@ function commitReconciliationEffects(finishedWork) { insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0); break; case 5: - var parent$129 = JSCompiler_inline_result.stateNode; + var parent$131 = JSCompiler_inline_result.stateNode; JSCompiler_inline_result.flags & 32 && - (setTextContent(parent$129, ""), + (setTextContent(parent$131, ""), (JSCompiler_inline_result.flags &= -33)); - var before$130 = getHostSibling(finishedWork); - insertOrAppendPlacementNode(finishedWork, before$130, parent$129); + var before$132 = getHostSibling(finishedWork); + insertOrAppendPlacementNode(finishedWork, before$132, parent$131); break; case 3: case 4: - var parent$131 = JSCompiler_inline_result.stateNode.containerInfo, - before$132 = getHostSibling(finishedWork); + var parent$133 = JSCompiler_inline_result.stateNode.containerInfo, + before$134 = getHostSibling(finishedWork); insertOrAppendPlacementNodeIntoContainer( finishedWork, - before$132, - parent$131 + before$134, + parent$133 ); break; default: @@ -9087,15 +9149,12 @@ function recursivelyTraverseDisappearLayoutEffects(parentFiber) { case 1: safelyDetachRef(finishedWork, finishedWork.return); var instance = finishedWork.stateNode; - if ("function" === typeof instance.componentWillUnmount) { - var current = finishedWork, - nearestMountedAncestor = finishedWork.return; - try { - callComponentWillUnmountWithTimer(current, instance); - } catch (error) { - captureCommitPhaseError(current, nearestMountedAncestor, error); - } - } + "function" === typeof instance.componentWillUnmount && + safelyCallComponentWillUnmount( + finishedWork, + finishedWork.return, + instance + ); recursivelyTraverseDisappearLayoutEffects(finishedWork); break; case 26: @@ -9232,8 +9291,8 @@ function commitHookPassiveMountEffects(finishedWork, hookFlags) { } else try { commitHookEffectListMount(hookFlags, finishedWork); - } catch (error$150) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$150); + } catch (error$152) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$152); } } function commitOffscreenPassiveMountEffects(current, finishedWork) { @@ -9968,14 +10027,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) { break; case "collapsed": lastTailNode = renderState.tail; - for (var lastTailNode$156 = null; null !== lastTailNode; ) - null !== lastTailNode.alternate && (lastTailNode$156 = lastTailNode), + for (var lastTailNode$158 = null; null !== lastTailNode; ) + null !== lastTailNode.alternate && (lastTailNode$158 = lastTailNode), (lastTailNode = lastTailNode.sibling); - null === lastTailNode$156 + null === lastTailNode$158 ? hasRenderedATailFallback || null === renderState.tail ? (renderState.tail = null) : (renderState.tail.sibling = null) - : (lastTailNode$156.sibling = null); + : (lastTailNode$158.sibling = null); } } function bubbleProperties(completedWork) { @@ -9987,53 +10046,53 @@ function bubbleProperties(completedWork) { if (didBailout) if (0 !== (completedWork.mode & 2)) { for ( - var treeBaseDuration$158 = completedWork.selfBaseDuration, - child$159 = completedWork.child; - null !== child$159; + var treeBaseDuration$160 = completedWork.selfBaseDuration, + child$161 = completedWork.child; + null !== child$161; ) - (newChildLanes |= child$159.lanes | child$159.childLanes), - (subtreeFlags |= child$159.subtreeFlags & 31457280), - (subtreeFlags |= child$159.flags & 31457280), - (treeBaseDuration$158 += child$159.treeBaseDuration), - (child$159 = child$159.sibling); - completedWork.treeBaseDuration = treeBaseDuration$158; + (newChildLanes |= child$161.lanes | child$161.childLanes), + (subtreeFlags |= child$161.subtreeFlags & 31457280), + (subtreeFlags |= child$161.flags & 31457280), + (treeBaseDuration$160 += child$161.treeBaseDuration), + (child$161 = child$161.sibling); + completedWork.treeBaseDuration = treeBaseDuration$160; } else for ( - treeBaseDuration$158 = completedWork.child; - null !== treeBaseDuration$158; + treeBaseDuration$160 = completedWork.child; + null !== treeBaseDuration$160; ) (newChildLanes |= - treeBaseDuration$158.lanes | treeBaseDuration$158.childLanes), - (subtreeFlags |= treeBaseDuration$158.subtreeFlags & 31457280), - (subtreeFlags |= treeBaseDuration$158.flags & 31457280), - (treeBaseDuration$158.return = completedWork), - (treeBaseDuration$158 = treeBaseDuration$158.sibling); + treeBaseDuration$160.lanes | treeBaseDuration$160.childLanes), + (subtreeFlags |= treeBaseDuration$160.subtreeFlags & 31457280), + (subtreeFlags |= treeBaseDuration$160.flags & 31457280), + (treeBaseDuration$160.return = completedWork), + (treeBaseDuration$160 = treeBaseDuration$160.sibling); else if (0 !== (completedWork.mode & 2)) { - treeBaseDuration$158 = completedWork.actualDuration; - child$159 = completedWork.selfBaseDuration; + treeBaseDuration$160 = completedWork.actualDuration; + child$161 = completedWork.selfBaseDuration; for (var child = completedWork.child; null !== child; ) (newChildLanes |= child.lanes | child.childLanes), (subtreeFlags |= child.subtreeFlags), (subtreeFlags |= child.flags), - (treeBaseDuration$158 += child.actualDuration), - (child$159 += child.treeBaseDuration), + (treeBaseDuration$160 += child.actualDuration), + (child$161 += child.treeBaseDuration), (child = child.sibling); - completedWork.actualDuration = treeBaseDuration$158; - completedWork.treeBaseDuration = child$159; + completedWork.actualDuration = treeBaseDuration$160; + completedWork.treeBaseDuration = child$161; } else for ( - treeBaseDuration$158 = completedWork.child; - null !== treeBaseDuration$158; + treeBaseDuration$160 = completedWork.child; + null !== treeBaseDuration$160; ) (newChildLanes |= - treeBaseDuration$158.lanes | treeBaseDuration$158.childLanes), - (subtreeFlags |= treeBaseDuration$158.subtreeFlags), - (subtreeFlags |= treeBaseDuration$158.flags), - (treeBaseDuration$158.return = completedWork), - (treeBaseDuration$158 = treeBaseDuration$158.sibling); + treeBaseDuration$160.lanes | treeBaseDuration$160.childLanes), + (subtreeFlags |= treeBaseDuration$160.subtreeFlags), + (subtreeFlags |= treeBaseDuration$160.flags), + (treeBaseDuration$160.return = completedWork), + (treeBaseDuration$160 = treeBaseDuration$160.sibling); completedWork.subtreeFlags |= subtreeFlags; completedWork.childLanes = newChildLanes; return didBailout; @@ -10326,11 +10385,11 @@ function completeWork(current, workInProgress, renderLanes) { null !== newProps.alternate.memoizedState && null !== newProps.alternate.memoizedState.cachePool && (type = newProps.alternate.memoizedState.cachePool.pool); - var cache$174 = null; + var cache$176 = null; null !== newProps.memoizedState && null !== newProps.memoizedState.cachePool && - (cache$174 = newProps.memoizedState.cachePool.pool); - cache$174 !== type && (newProps.flags |= 2048); + (cache$176 = newProps.memoizedState.cachePool.pool); + cache$176 !== type && (newProps.flags |= 2048); } renderLanes !== current && renderLanes && @@ -10360,8 +10419,8 @@ function completeWork(current, workInProgress, renderLanes) { type = workInProgress.memoizedState; if (null === type) return bubbleProperties(workInProgress), null; newProps = 0 !== (workInProgress.flags & 128); - cache$174 = type.rendering; - if (null === cache$174) + cache$176 = type.rendering; + if (null === cache$176) if (newProps) cutOffTailIfNeeded(type, !1); else { if ( @@ -10369,11 +10428,11 @@ function completeWork(current, workInProgress, renderLanes) { (null !== current && 0 !== (current.flags & 128)) ) for (current = workInProgress.child; null !== current; ) { - cache$174 = findFirstSuspended(current); - if (null !== cache$174) { + cache$176 = findFirstSuspended(current); + if (null !== cache$176) { workInProgress.flags |= 128; cutOffTailIfNeeded(type, !1); - current = cache$174.updateQueue; + current = cache$176.updateQueue; workInProgress.updateQueue = current; scheduleRetryEffect(workInProgress, current); workInProgress.subtreeFlags = 0; @@ -10398,7 +10457,7 @@ function completeWork(current, workInProgress, renderLanes) { } else { if (!newProps) - if (((current = findFirstSuspended(cache$174)), null !== current)) { + if (((current = findFirstSuspended(cache$176)), null !== current)) { if ( ((workInProgress.flags |= 128), (newProps = !0), @@ -10408,7 +10467,7 @@ function completeWork(current, workInProgress, renderLanes) { cutOffTailIfNeeded(type, !0), null === type.tail && "hidden" === type.tailMode && - !cache$174.alternate && + !cache$176.alternate && !isHydrating) ) return bubbleProperties(workInProgress), null; @@ -10421,13 +10480,13 @@ function completeWork(current, workInProgress, renderLanes) { cutOffTailIfNeeded(type, !1), (workInProgress.lanes = 4194304)); type.isBackwards - ? ((cache$174.sibling = workInProgress.child), - (workInProgress.child = cache$174)) + ? ((cache$176.sibling = workInProgress.child), + (workInProgress.child = cache$176)) : ((current = type.last), null !== current - ? (current.sibling = cache$174) - : (workInProgress.child = cache$174), - (type.last = cache$174)); + ? (current.sibling = cache$176) + : (workInProgress.child = cache$176), + (type.last = cache$176)); } if (null !== type.tail) return ( @@ -11181,8 +11240,8 @@ function renderRootSync(root, lanes) { } workLoopSync(); break; - } catch (thrownValue$189) { - handleThrow(root, thrownValue$189); + } catch (thrownValue$191) { + handleThrow(root, thrownValue$191); } while (1); lanes && root.shellSuspendCounter++; @@ -11302,8 +11361,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrent(); break; - } catch (thrownValue$191) { - handleThrow(root, thrownValue$191); + } catch (thrownValue$193) { + handleThrow(root, thrownValue$193); } while (1); resetContextDependencies(); @@ -11601,7 +11660,7 @@ function releaseRootPooledCache(root, remainingLanes) { } function flushPassiveEffects() { if (null !== rootWithPendingPassiveEffects) { - var root$195 = rootWithPendingPassiveEffects, + var root$197 = rootWithPendingPassiveEffects, remainingLanes = pendingPassiveEffectsRemainingLanes; pendingPassiveEffectsRemainingLanes = 0; var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes), @@ -11646,7 +11705,7 @@ function flushPassiveEffects() { _finishedWork$memoize = finishedWork.memoizedProps, id = _finishedWork$memoize.id, onPostCommit = _finishedWork$memoize.onPostCommit, - commitTime$119 = commitTime, + commitTime$121 = commitTime, phase = null === finishedWork.alternate ? "mount" : "update"; currentUpdateIsNested && (phase = "nested-update"); "function" === typeof onPostCommit && @@ -11654,7 +11713,7 @@ function flushPassiveEffects() { id, phase, passiveEffectDuration, - commitTime$119 + commitTime$121 ); var parentFiber = finishedWork.return; b: for (; null !== parentFiber; ) { @@ -11694,7 +11753,7 @@ function flushPassiveEffects() { } finally { (ReactDOMSharedInternals.p = previousPriority), (ReactSharedInternals.T = prevTransition), - releaseRootPooledCache(root$195, remainingLanes); + releaseRootPooledCache(root$197, remainingLanes); } } return !1; @@ -11866,18 +11925,18 @@ function flushSyncWorkOnAllRoots() { isFlushingWork = !0; do { var didPerformSomeWork = !1; - for (var root$197 = firstScheduledRoot; null !== root$197; ) { - var workInProgressRootRenderLanes$199 = workInProgressRootRenderLanes; - workInProgressRootRenderLanes$199 = getNextLanes( - root$197, - root$197 === workInProgressRoot - ? workInProgressRootRenderLanes$199 + for (var root$199 = firstScheduledRoot; null !== root$199; ) { + var workInProgressRootRenderLanes$201 = workInProgressRootRenderLanes; + workInProgressRootRenderLanes$201 = getNextLanes( + root$199, + root$199 === workInProgressRoot + ? workInProgressRootRenderLanes$201 : 0 ); - 0 !== (workInProgressRootRenderLanes$199 & 3) && + 0 !== (workInProgressRootRenderLanes$201 & 3) && ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$197, workInProgressRootRenderLanes$199)); - root$197 = root$197.next; + performSyncWorkOnRoot(root$199, workInProgressRootRenderLanes$201)); + root$199 = root$199.next; } } while (didPerformSomeWork); isFlushingWork = !1; @@ -12088,20 +12147,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1487 = 0; - i$jscomp$inline_1487 < simpleEventPluginEvents.length; - i$jscomp$inline_1487++ + var i$jscomp$inline_1490 = 0; + i$jscomp$inline_1490 < simpleEventPluginEvents.length; + i$jscomp$inline_1490++ ) { - var eventName$jscomp$inline_1488 = - simpleEventPluginEvents[i$jscomp$inline_1487], - domEventName$jscomp$inline_1489 = - eventName$jscomp$inline_1488.toLowerCase(), - capitalizedEvent$jscomp$inline_1490 = - eventName$jscomp$inline_1488[0].toUpperCase() + - eventName$jscomp$inline_1488.slice(1); + var eventName$jscomp$inline_1491 = + simpleEventPluginEvents[i$jscomp$inline_1490], + domEventName$jscomp$inline_1492 = + eventName$jscomp$inline_1491.toLowerCase(), + capitalizedEvent$jscomp$inline_1493 = + eventName$jscomp$inline_1491[0].toUpperCase() + + eventName$jscomp$inline_1491.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1489, - "on" + capitalizedEvent$jscomp$inline_1490 + domEventName$jscomp$inline_1492, + "on" + capitalizedEvent$jscomp$inline_1493 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -13284,34 +13343,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$210 = props[hasSrc]; - if (null != propValue$210) + var propValue$212 = props[hasSrc]; + if (null != propValue$212) switch (hasSrc) { case "name": - hasSrcSet = propValue$210; + hasSrcSet = propValue$212; break; case "type": - propValue = propValue$210; + propValue = propValue$212; break; case "checked": - checked = propValue$210; + checked = propValue$212; break; case "defaultChecked": - defaultChecked = propValue$210; + defaultChecked = propValue$212; break; case "value": - propKey = propValue$210; + propKey = propValue$212; break; case "defaultValue": - defaultValue = propValue$210; + defaultValue = propValue$212; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$210) + if (null != propValue$212) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$210, props, null); + setProp(domElement, tag, hasSrc, propValue$212, props, null); } } initInput( @@ -13448,14 +13507,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$210 in props) - props.hasOwnProperty(propValue$210) && - ((hasSrc = props[propValue$210]), + for (propValue$212 in props) + props.hasOwnProperty(propValue$212) && + ((hasSrc = props[propValue$212]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$210, + propValue$212, hasSrc, props, void 0 @@ -13503,14 +13562,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$227 in nextProps) { - var propKey = nextProps[propKey$227]; - lastProp = lastProps[propKey$227]; + for (var propKey$229 in nextProps) { + var propKey = nextProps[propKey$229]; + lastProp = lastProps[propKey$229]; if ( - nextProps.hasOwnProperty(propKey$227) && + nextProps.hasOwnProperty(propKey$229) && (null != propKey || null != lastProp) ) - switch (propKey$227) { + switch (propKey$229) { case "type": type = propKey; break; @@ -13539,7 +13598,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$227, + propKey$229, propKey, nextProps, lastProp @@ -13558,7 +13617,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$227 = null; + propKey = value = defaultValue = propKey$229 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -13589,7 +13648,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (name) { case "value": - propKey$227 = type; + propKey$229 = type; break; case "defaultValue": defaultValue = type; @@ -13610,15 +13669,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$227 - ? updateOptions(domElement, !!lastProps, propKey$227, !1) + null != propKey$229 + ? updateOptions(domElement, !!lastProps, propKey$229, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$227 = null; + propKey = propKey$229 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -13642,7 +13701,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (value) { case "value": - propKey$227 = name; + propKey$229 = name; break; case "defaultValue": propKey = name; @@ -13656,17 +13715,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$227, propKey); + updateTextarea(domElement, propKey$229, propKey); return; case "option": - for (var propKey$243 in lastProps) + for (var propKey$245 in lastProps) if ( - ((propKey$227 = lastProps[propKey$243]), - lastProps.hasOwnProperty(propKey$243) && - null != propKey$227 && - !nextProps.hasOwnProperty(propKey$243)) + ((propKey$229 = lastProps[propKey$245]), + lastProps.hasOwnProperty(propKey$245) && + null != propKey$229 && + !nextProps.hasOwnProperty(propKey$245)) ) - switch (propKey$243) { + switch (propKey$245) { case "selected": domElement.selected = !1; break; @@ -13674,33 +13733,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$243, + propKey$245, null, nextProps, - propKey$227 + propKey$229 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$227 = nextProps[lastDefaultValue]), + ((propKey$229 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$227 !== propKey && - (null != propKey$227 || null != propKey)) + propKey$229 !== propKey && + (null != propKey$229 || null != propKey)) ) switch (lastDefaultValue) { case "selected": domElement.selected = - propKey$227 && - "function" !== typeof propKey$227 && - "symbol" !== typeof propKey$227; + propKey$229 && + "function" !== typeof propKey$229 && + "symbol" !== typeof propKey$229; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$227, + propKey$229, nextProps, propKey ); @@ -13721,24 +13780,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$248 in lastProps) - (propKey$227 = lastProps[propKey$248]), - lastProps.hasOwnProperty(propKey$248) && - null != propKey$227 && - !nextProps.hasOwnProperty(propKey$248) && - setProp(domElement, tag, propKey$248, null, nextProps, propKey$227); + for (var propKey$250 in lastProps) + (propKey$229 = lastProps[propKey$250]), + lastProps.hasOwnProperty(propKey$250) && + null != propKey$229 && + !nextProps.hasOwnProperty(propKey$250) && + setProp(domElement, tag, propKey$250, null, nextProps, propKey$229); for (checked in nextProps) if ( - ((propKey$227 = nextProps[checked]), + ((propKey$229 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$227 !== propKey && - (null != propKey$227 || null != propKey)) + propKey$229 !== propKey && + (null != propKey$229 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$227) + if (null != propKey$229) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -13746,7 +13805,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$227, + propKey$229, nextProps, propKey ); @@ -13754,49 +13813,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$253 in lastProps) - (propKey$227 = lastProps[propKey$253]), - lastProps.hasOwnProperty(propKey$253) && - void 0 !== propKey$227 && - !nextProps.hasOwnProperty(propKey$253) && + for (var propKey$255 in lastProps) + (propKey$229 = lastProps[propKey$255]), + lastProps.hasOwnProperty(propKey$255) && + void 0 !== propKey$229 && + !nextProps.hasOwnProperty(propKey$255) && setPropOnCustomElement( domElement, tag, - propKey$253, + propKey$255, void 0, nextProps, - propKey$227 + propKey$229 ); for (defaultChecked in nextProps) - (propKey$227 = nextProps[defaultChecked]), + (propKey$229 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$227 === propKey || - (void 0 === propKey$227 && void 0 === propKey) || + propKey$229 === propKey || + (void 0 === propKey$229 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$227, + propKey$229, nextProps, propKey ); return; } } - for (var propKey$258 in lastProps) - (propKey$227 = lastProps[propKey$258]), - lastProps.hasOwnProperty(propKey$258) && - null != propKey$227 && - !nextProps.hasOwnProperty(propKey$258) && - setProp(domElement, tag, propKey$258, null, nextProps, propKey$227); + for (var propKey$260 in lastProps) + (propKey$229 = lastProps[propKey$260]), + lastProps.hasOwnProperty(propKey$260) && + null != propKey$229 && + !nextProps.hasOwnProperty(propKey$260) && + setProp(domElement, tag, propKey$260, null, nextProps, propKey$229); for (lastProp in nextProps) - (propKey$227 = nextProps[lastProp]), + (propKey$229 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$227 === propKey || - (null == propKey$227 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$227, nextProps, propKey); + propKey$229 === propKey || + (null == propKey$229 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$229, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -14341,26 +14400,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$266 = getResourcesFromRoot( + var styles$268 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$267 = styles$266.get(type); - resource$267 || + resource$269 = styles$268.get(type); + resource$269 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$267 = { + (resource$269 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$266.set(type, resource$267), - (styles$266 = JSCompiler_inline_result.querySelector( + styles$268.set(type, resource$269), + (styles$268 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$266._p && - ((resource$267.instance = styles$266), - (resource$267.state.loading = 5)), + !styles$268._p && + ((resource$269.instance = styles$268), + (resource$269.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -14373,16 +14432,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$266 || + styles$268 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$267.state + resource$269.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$267; + return resource$269; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -14479,37 +14538,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$272 = hoistableRoot.querySelector( + var instance$274 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$272) + if (instance$274) return ( (resource.state.loading |= 4), - (resource.instance = instance$272), - markNodeAsHoistable(instance$272), - instance$272 + (resource.instance = instance$274), + markNodeAsHoistable(instance$274), + instance$274 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$272 = ( + instance$274 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$272); - var linkInstance = instance$272; + markNodeAsHoistable(instance$274); + var linkInstance = instance$274; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$272, "link", instance); + setInitialProperties(instance$274, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$272, props.precedence, hoistableRoot); - return (resource.instance = instance$272); + insertStylesheet(instance$274, props.precedence, hoistableRoot); + return (resource.instance = instance$274); case "script": - instance$272 = getScriptKey(props.src); + instance$274 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$272) + getScriptSelectorFromKey(instance$274) )) ) return ( @@ -14518,7 +14577,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$272))) + if ((styleProps = preloadPropsMap.get(instance$274))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -15556,16 +15615,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_1737 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1740 = React.version; if ( - "19.0.0-experimental-f6cce072-20240723" !== - isomorphicReactPackageVersion$jscomp$inline_1737 + "19.0.0-experimental-76002254-20240724" !== + isomorphicReactPackageVersion$jscomp$inline_1740 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1737, - "19.0.0-experimental-f6cce072-20240723" + isomorphicReactPackageVersion$jscomp$inline_1740, + "19.0.0-experimental-76002254-20240724" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -15581,10 +15640,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var devToolsConfig$jscomp$inline_1744 = { +var devToolsConfig$jscomp$inline_1747 = { findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 0, - version: "19.0.0-experimental-f6cce072-20240723", + version: "19.0.0-experimental-76002254-20240724", rendererPackageName: "react-dom" }; (function (internals) { @@ -15601,10 +15660,10 @@ var devToolsConfig$jscomp$inline_1744 = { } catch (err) {} return hook.checkDCE ? !0 : !1; })({ - bundleType: devToolsConfig$jscomp$inline_1744.bundleType, - version: devToolsConfig$jscomp$inline_1744.version, - rendererPackageName: devToolsConfig$jscomp$inline_1744.rendererPackageName, - rendererConfig: devToolsConfig$jscomp$inline_1744.rendererConfig, + bundleType: devToolsConfig$jscomp$inline_1747.bundleType, + version: devToolsConfig$jscomp$inline_1747.version, + rendererPackageName: devToolsConfig$jscomp$inline_1747.rendererPackageName, + rendererConfig: devToolsConfig$jscomp$inline_1747.rendererConfig, overrideHookState: null, overrideHookStateDeletePath: null, overrideHookStateRenamePath: null, @@ -15620,14 +15679,14 @@ var devToolsConfig$jscomp$inline_1744 = { return null === fiber ? null : fiber.stateNode; }, findFiberByHostInstance: - devToolsConfig$jscomp$inline_1744.findFiberByHostInstance || + devToolsConfig$jscomp$inline_1747.findFiberByHostInstance || emptyFindFiberByHostInstance, findHostInstancesForRefresh: null, scheduleRefresh: null, scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "19.0.0-experimental-f6cce072-20240723" + reconcilerVersion: "19.0.0-experimental-76002254-20240724" }); function noop() {} function getCrossOriginStringAs(as, input) { @@ -15881,7 +15940,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-experimental-f6cce072-20240723"; +exports.version = "19.0.0-experimental-76002254-20240724"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js index 79e0f1933c2ef5..7426875e827c5d 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.development.js @@ -4209,18 +4209,26 @@ "function" === typeof fn && componentFrameCache.set(fn, sampleLines); return sampleLines; } - function isNotExternal(stackFrame) { - return !externalRegExp.test(stackFrame); - } - function filterDebugStack(error) { + function formatOwnerStack(error) { + var prevPrepareStackTrace = Error.prepareStackTrace; + Error.prepareStackTrace = void 0; error = error.stack; + Error.prepareStackTrace = prevPrepareStackTrace; error.startsWith("Error: react-stack-top-frame\n") && (error = error.slice(29)); - var idx = error.indexOf("react-stack-bottom-frame"); - -1 !== idx && (idx = error.lastIndexOf("\n", idx)); - if (-1 !== idx) error = error.slice(0, idx); + prevPrepareStackTrace = error.indexOf("\n"); + -1 !== prevPrepareStackTrace && + (error = error.slice(prevPrepareStackTrace + 1)); + prevPrepareStackTrace = error.indexOf("react-stack-bottom-frame"); + -1 !== prevPrepareStackTrace && + (prevPrepareStackTrace = error.lastIndexOf( + "\n", + prevPrepareStackTrace + )); + if (-1 !== prevPrepareStackTrace) + error = error.slice(0, prevPrepareStackTrace); else return ""; - return error.split("\n").slice(1).filter(isNotExternal).join("\n"); + return error; } function describeComponentStackByType(type) { if ("string" === typeof type) return describeBuiltInComponentFrame(type); @@ -4538,14 +4546,14 @@ for (; componentStack; ) (JSCompiler_temp_const = null), null != componentStack.debugStack - ? (JSCompiler_temp_const = filterDebugStack( + ? (JSCompiler_temp_const = formatOwnerStack( componentStack.debugStack )) : ((JSCompiler_inline_result = componentStack), null != JSCompiler_inline_result.stack && (JSCompiler_temp_const = "string" !== typeof JSCompiler_inline_result.stack - ? (JSCompiler_inline_result.stack = filterDebugStack( + ? (JSCompiler_inline_result.stack = formatOwnerStack( JSCompiler_inline_result.stack )) : JSCompiler_inline_result.stack)), @@ -9026,8 +9034,7 @@ var componentFrameCache = new ( "function" === typeof WeakMap ? WeakMap : Map )(); - var externalRegExp = /\/node_modules\/|\(/, - callComponent = { + var callComponent = { "react-stack-bottom-frame": function (Component, props, secondArg) { return Component(props, secondArg); } @@ -9077,5 +9084,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; - exports.version = "19.0.0-experimental-f6cce072-20240723"; + exports.version = "19.0.0-experimental-76002254-20240724"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js index 7f2275aff3a1bd..21d49ca90b21c9 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.js @@ -5891,4 +5891,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; -exports.version = "19.0.0-experimental-f6cce072-20240723"; +exports.version = "19.0.0-experimental-76002254-20240724"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js index 35c491c900ff1c..62f9bb9d5eb952 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.development.js @@ -4209,18 +4209,26 @@ "function" === typeof fn && componentFrameCache.set(fn, sampleLines); return sampleLines; } - function isNotExternal(stackFrame) { - return !externalRegExp.test(stackFrame); - } - function filterDebugStack(error) { + function formatOwnerStack(error) { + var prevPrepareStackTrace = Error.prepareStackTrace; + Error.prepareStackTrace = void 0; error = error.stack; + Error.prepareStackTrace = prevPrepareStackTrace; error.startsWith("Error: react-stack-top-frame\n") && (error = error.slice(29)); - var idx = error.indexOf("react-stack-bottom-frame"); - -1 !== idx && (idx = error.lastIndexOf("\n", idx)); - if (-1 !== idx) error = error.slice(0, idx); + prevPrepareStackTrace = error.indexOf("\n"); + -1 !== prevPrepareStackTrace && + (error = error.slice(prevPrepareStackTrace + 1)); + prevPrepareStackTrace = error.indexOf("react-stack-bottom-frame"); + -1 !== prevPrepareStackTrace && + (prevPrepareStackTrace = error.lastIndexOf( + "\n", + prevPrepareStackTrace + )); + if (-1 !== prevPrepareStackTrace) + error = error.slice(0, prevPrepareStackTrace); else return ""; - return error.split("\n").slice(1).filter(isNotExternal).join("\n"); + return error; } function describeComponentStackByType(type) { if ("string" === typeof type) return describeBuiltInComponentFrame(type); @@ -4538,14 +4546,14 @@ for (; componentStack; ) (JSCompiler_temp_const = null), null != componentStack.debugStack - ? (JSCompiler_temp_const = filterDebugStack( + ? (JSCompiler_temp_const = formatOwnerStack( componentStack.debugStack )) : ((JSCompiler_inline_result = componentStack), null != JSCompiler_inline_result.stack && (JSCompiler_temp_const = "string" !== typeof JSCompiler_inline_result.stack - ? (JSCompiler_inline_result.stack = filterDebugStack( + ? (JSCompiler_inline_result.stack = formatOwnerStack( JSCompiler_inline_result.stack )) : JSCompiler_inline_result.stack)), @@ -9026,8 +9034,7 @@ var componentFrameCache = new ( "function" === typeof WeakMap ? WeakMap : Map )(); - var externalRegExp = /\/node_modules\/|\(/, - callComponent = { + var callComponent = { "react-stack-bottom-frame": function (Component, props, secondArg) { return Component(props, secondArg); } @@ -9077,5 +9084,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server' ); }; - exports.version = "19.0.0-experimental-f6cce072-20240723"; + exports.version = "19.0.0-experimental-76002254-20240724"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js index d366c90ff8c449..f0f43249711e3a 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.js @@ -5985,4 +5985,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server' ); }; -exports.version = "19.0.0-experimental-f6cce072-20240723"; +exports.version = "19.0.0-experimental-76002254-20240724"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js index 0be793fbca27e4..6bef96543559ee 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.development.js @@ -4389,18 +4389,26 @@ "function" === typeof fn && componentFrameCache.set(fn, sampleLines); return sampleLines; } - function isNotExternal(stackFrame) { - return !externalRegExp.test(stackFrame); - } - function filterDebugStack(error) { + function formatOwnerStack(error) { + var prevPrepareStackTrace = Error.prepareStackTrace; + Error.prepareStackTrace = void 0; error = error.stack; + Error.prepareStackTrace = prevPrepareStackTrace; error.startsWith("Error: react-stack-top-frame\n") && (error = error.slice(29)); - var idx = error.indexOf("react-stack-bottom-frame"); - -1 !== idx && (idx = error.lastIndexOf("\n", idx)); - if (-1 !== idx) error = error.slice(0, idx); + prevPrepareStackTrace = error.indexOf("\n"); + -1 !== prevPrepareStackTrace && + (error = error.slice(prevPrepareStackTrace + 1)); + prevPrepareStackTrace = error.indexOf("react-stack-bottom-frame"); + -1 !== prevPrepareStackTrace && + (prevPrepareStackTrace = error.lastIndexOf( + "\n", + prevPrepareStackTrace + )); + if (-1 !== prevPrepareStackTrace) + error = error.slice(0, prevPrepareStackTrace); else return ""; - return error.split("\n").slice(1).filter(isNotExternal).join("\n"); + return error; } function describeComponentStackByType(type) { if ("string" === typeof type) return describeBuiltInComponentFrame(type); @@ -4869,14 +4877,14 @@ for (; componentStack; ) (JSCompiler_temp_const = null), null != componentStack.debugStack - ? (JSCompiler_temp_const = filterDebugStack( + ? (JSCompiler_temp_const = formatOwnerStack( componentStack.debugStack )) : ((JSCompiler_inline_result = componentStack), null != JSCompiler_inline_result.stack && (JSCompiler_temp_const = "string" !== typeof JSCompiler_inline_result.stack - ? (JSCompiler_inline_result.stack = filterDebugStack( + ? (JSCompiler_inline_result.stack = formatOwnerStack( JSCompiler_inline_result.stack )) : JSCompiler_inline_result.stack)), @@ -7972,11 +7980,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-experimental-f6cce072-20240723" !== isomorphicReactPackageVersion) + if ("19.0.0-experimental-76002254-20240724" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.0.0-experimental-f6cce072-20240723\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-experimental-76002254-20240724\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react-experimental"), @@ -9457,8 +9465,7 @@ var componentFrameCache = new ( "function" === typeof WeakMap ? WeakMap : Map )(); - var externalRegExp = /\/node_modules\/|\(/, - callComponent = { + var callComponent = { "react-stack-bottom-frame": function (Component, props, secondArg) { return Component(props, secondArg); } @@ -9696,5 +9703,5 @@ startWork(request); }); }; - exports.version = "19.0.0-experimental-f6cce072-20240723"; + exports.version = "19.0.0-experimental-76002254-20240724"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js index 86fde959a38e4e..de257194a56db2 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.js @@ -6404,12 +6404,12 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-experimental-f6cce072-20240723" !== isomorphicReactPackageVersion) + if ("19.0.0-experimental-76002254-20240724" !== isomorphicReactPackageVersion) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion, - "19.0.0-experimental-f6cce072-20240723" + "19.0.0-experimental-76002254-20240724" ) ); } @@ -6614,4 +6614,4 @@ exports.resume = function (children, postponedState, options) { startWork(request); }); }; -exports.version = "19.0.0-experimental-f6cce072-20240723"; +exports.version = "19.0.0-experimental-76002254-20240724"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js index 18668c4a58d2c9..a4d25d6d2f2259 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.bun.production.js @@ -5915,13 +5915,13 @@ function addToReplayParent(node, parentKeyPath, trackedPostpones) { } var isomorphicReactPackageVersion$jscomp$inline_783 = React.version; if ( - "19.0.0-experimental-f6cce072-20240723" !== + "19.0.0-experimental-76002254-20240724" !== isomorphicReactPackageVersion$jscomp$inline_783 ) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion$jscomp$inline_783 + - "\n - react-dom: 19.0.0-experimental-f6cce072-20240723\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-experimental-76002254-20240724\nLearn more: https://react.dev/warnings/version-mismatch") ); exports.renderToReadableStream = function (children, options) { return new Promise(function (resolve, reject) { @@ -6009,4 +6009,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.0.0-experimental-f6cce072-20240723"; +exports.version = "19.0.0-experimental-76002254-20240724"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js index d407f4c9cc96ea..17f338c9cabe54 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.development.js @@ -4385,18 +4385,26 @@ "function" === typeof fn && componentFrameCache.set(fn, sampleLines); return sampleLines; } - function isNotExternal(stackFrame) { - return !externalRegExp.test(stackFrame); - } - function filterDebugStack(error) { + function formatOwnerStack(error) { + var prevPrepareStackTrace = Error.prepareStackTrace; + Error.prepareStackTrace = void 0; error = error.stack; + Error.prepareStackTrace = prevPrepareStackTrace; error.startsWith("Error: react-stack-top-frame\n") && (error = error.slice(29)); - var idx = error.indexOf("react-stack-bottom-frame"); - -1 !== idx && (idx = error.lastIndexOf("\n", idx)); - if (-1 !== idx) error = error.slice(0, idx); + prevPrepareStackTrace = error.indexOf("\n"); + -1 !== prevPrepareStackTrace && + (error = error.slice(prevPrepareStackTrace + 1)); + prevPrepareStackTrace = error.indexOf("react-stack-bottom-frame"); + -1 !== prevPrepareStackTrace && + (prevPrepareStackTrace = error.lastIndexOf( + "\n", + prevPrepareStackTrace + )); + if (-1 !== prevPrepareStackTrace) + error = error.slice(0, prevPrepareStackTrace); else return ""; - return error.split("\n").slice(1).filter(isNotExternal).join("\n"); + return error; } function describeComponentStackByType(type) { if ("string" === typeof type) return describeBuiltInComponentFrame(type); @@ -4873,14 +4881,14 @@ for (; componentStack; ) (JSCompiler_temp_const = null), null != componentStack.debugStack - ? (JSCompiler_temp_const = filterDebugStack( + ? (JSCompiler_temp_const = formatOwnerStack( componentStack.debugStack )) : ((JSCompiler_inline_result = componentStack), null != JSCompiler_inline_result.stack && (JSCompiler_temp_const = "string" !== typeof JSCompiler_inline_result.stack - ? (JSCompiler_inline_result.stack = filterDebugStack( + ? (JSCompiler_inline_result.stack = formatOwnerStack( JSCompiler_inline_result.stack )) : JSCompiler_inline_result.stack)), @@ -7991,11 +7999,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-experimental-f6cce072-20240723" !== isomorphicReactPackageVersion) + if ("19.0.0-experimental-76002254-20240724" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.0.0-experimental-f6cce072-20240723\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-experimental-76002254-20240724\nLearn more: https://react.dev/warnings/version-mismatch") ); } var React = require("next/dist/compiled/react-experimental"), @@ -9472,8 +9480,7 @@ var componentFrameCache = new ( "function" === typeof WeakMap ? WeakMap : Map )(); - var externalRegExp = /\/node_modules\/|\(/, - callComponent = { + var callComponent = { "react-stack-bottom-frame": function (Component, props, secondArg) { return Component(props, secondArg); } @@ -9711,5 +9718,5 @@ startWork(request); }); }; - exports.version = "19.0.0-experimental-f6cce072-20240723"; + exports.version = "19.0.0-experimental-76002254-20240724"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js index 9609704e1c4656..2320d87e98bb54 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.js @@ -6510,11 +6510,11 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-experimental-f6cce072-20240723" !== isomorphicReactPackageVersion) + if ("19.0.0-experimental-76002254-20240724" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.0.0-experimental-f6cce072-20240723\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-experimental-76002254-20240724\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -6718,4 +6718,4 @@ exports.resume = function (children, postponedState, options) { startWork(request); }); }; -exports.version = "19.0.0-experimental-f6cce072-20240723"; +exports.version = "19.0.0-experimental-76002254-20240724"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js index 7ee17b69b9d534..ce361f57f13a5e 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.development.js @@ -4282,18 +4282,26 @@ "function" === typeof fn && componentFrameCache.set(fn, sampleLines); return sampleLines; } - function isNotExternal(stackFrame) { - return !externalRegExp.test(stackFrame); - } - function filterDebugStack(error) { + function formatOwnerStack(error) { + var prevPrepareStackTrace = Error.prepareStackTrace; + Error.prepareStackTrace = void 0; error = error.stack; + Error.prepareStackTrace = prevPrepareStackTrace; error.startsWith("Error: react-stack-top-frame\n") && (error = error.slice(29)); - var idx = error.indexOf("react-stack-bottom-frame"); - -1 !== idx && (idx = error.lastIndexOf("\n", idx)); - if (-1 !== idx) error = error.slice(0, idx); + prevPrepareStackTrace = error.indexOf("\n"); + -1 !== prevPrepareStackTrace && + (error = error.slice(prevPrepareStackTrace + 1)); + prevPrepareStackTrace = error.indexOf("react-stack-bottom-frame"); + -1 !== prevPrepareStackTrace && + (prevPrepareStackTrace = error.lastIndexOf( + "\n", + prevPrepareStackTrace + )); + if (-1 !== prevPrepareStackTrace) + error = error.slice(0, prevPrepareStackTrace); else return ""; - return error.split("\n").slice(1).filter(isNotExternal).join("\n"); + return error; } function describeComponentStackByType(type) { if ("string" === typeof type) return describeBuiltInComponentFrame(type); @@ -4637,14 +4645,14 @@ for (; componentStack; ) (JSCompiler_temp_const = null), null != componentStack.debugStack - ? (JSCompiler_temp_const = filterDebugStack( + ? (JSCompiler_temp_const = formatOwnerStack( componentStack.debugStack )) : ((JSCompiler_inline_result = componentStack), null != JSCompiler_inline_result.stack && (JSCompiler_temp_const = "string" !== typeof JSCompiler_inline_result.stack - ? (JSCompiler_inline_result.stack = filterDebugStack( + ? (JSCompiler_inline_result.stack = formatOwnerStack( JSCompiler_inline_result.stack )) : JSCompiler_inline_result.stack)), @@ -7730,11 +7738,11 @@ } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-experimental-f6cce072-20240723" !== isomorphicReactPackageVersion) + if ("19.0.0-experimental-76002254-20240724" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.0.0-experimental-f6cce072-20240723\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-experimental-76002254-20240724\nLearn more: https://react.dev/warnings/version-mismatch") ); } function createDrainHandler(destination, request) { @@ -9374,8 +9382,7 @@ var componentFrameCache = new ( "function" === typeof WeakMap ? WeakMap : Map )(); - var externalRegExp = /\/node_modules\/|\(/, - callComponent = { + var callComponent = { "react-stack-bottom-frame": function (Component, props, secondArg) { return Component(props, secondArg); } @@ -9540,5 +9547,5 @@ } }; }; - exports.version = "19.0.0-experimental-f6cce072-20240723"; + exports.version = "19.0.0-experimental-76002254-20240724"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js index 2172c0cc4da4e7..f7f3ec4d68e967 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.js @@ -6274,11 +6274,11 @@ function getPostponedState(request) { } function ensureCorrectIsomorphicReactVersion() { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-experimental-f6cce072-20240723" !== isomorphicReactPackageVersion) + if ("19.0.0-experimental-76002254-20240724" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.0.0-experimental-f6cce072-20240723\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-experimental-76002254-20240724\nLearn more: https://react.dev/warnings/version-mismatch") ); } ensureCorrectIsomorphicReactVersion(); @@ -6563,4 +6563,4 @@ exports.resumeToPipeableStream = function (children, postponedState, options) { } }; }; -exports.version = "19.0.0-experimental-f6cce072-20240723"; +exports.version = "19.0.0-experimental-76002254-20240724"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js index 41da64067e9fa1..edd57f470fce6b 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.development.js @@ -485,18 +485,26 @@ "function" === typeof fn && componentFrameCache.set(fn, sampleLines); return sampleLines; } - function isNotExternal(stackFrame) { - return !externalRegExp.test(stackFrame); - } - function filterDebugStack(error) { + function formatOwnerStack(error) { + var prevPrepareStackTrace = Error.prepareStackTrace; + Error.prepareStackTrace = void 0; error = error.stack; + Error.prepareStackTrace = prevPrepareStackTrace; error.startsWith("Error: react-stack-top-frame\n") && (error = error.slice(29)); - var idx = error.indexOf("react-stack-bottom-frame"); - -1 !== idx && (idx = error.lastIndexOf("\n", idx)); - if (-1 !== idx) error = error.slice(0, idx); + prevPrepareStackTrace = error.indexOf("\n"); + -1 !== prevPrepareStackTrace && + (error = error.slice(prevPrepareStackTrace + 1)); + prevPrepareStackTrace = error.indexOf("react-stack-bottom-frame"); + -1 !== prevPrepareStackTrace && + (prevPrepareStackTrace = error.lastIndexOf( + "\n", + prevPrepareStackTrace + )); + if (-1 !== prevPrepareStackTrace) + error = error.slice(0, prevPrepareStackTrace); else return ""; - return error.split("\n").slice(1).filter(isNotExternal).join("\n"); + return error; } function describeFiber(fiber) { switch (fiber.tag) { @@ -600,13 +608,13 @@ workInProgress && debugStack && ("string" !== typeof debugStack && - (fiber._debugStack = debugStack = filterDebugStack(debugStack)), + (fiber._debugStack = debugStack = formatOwnerStack(debugStack)), "" !== debugStack && (info += "\n" + debugStack)); } else if (null != workInProgress.debugStack) { var ownerStack = workInProgress.debugStack; (workInProgress = workInProgress.owner) && ownerStack && - (info += "\n" + filterDebugStack(ownerStack)); + (info += "\n" + formatOwnerStack(ownerStack)); } else break; var JSCompiler_inline_result = info; } catch (x) { @@ -7682,10 +7690,7 @@ (null === legacyErrorBoundariesThatAlreadyFailed ? (legacyErrorBoundariesThatAlreadyFailed = new Set([this])) : legacyErrorBoundariesThatAlreadyFailed.add(this)); - var stack = errorInfo.stack; - this.componentDidCatch(errorInfo.value, { - componentStack: null !== stack ? stack : "" - }); + callComponentDidCatchInDEV(this, errorInfo); "function" === typeof getDerivedStateFromError || (0 === (fiber.lanes & SyncLane) && console.error( @@ -9820,6 +9825,7 @@ current.$$typeof === REACT_LAZY_TYPE && (workInProgress = " Did you wrap a component in React.lazy() more than once?"); + current = getComponentNameFromType(current) || current; throw Error( "Element type is invalid. Received a promise that resolves to: " + current + @@ -10936,19 +10942,29 @@ (executionContext & CommitContext) !== NoContext ); } - function callComponentWillUnmountWithTimer(current, instance) { + function safelyCallComponentWillUnmount( + current, + nearestMountedAncestor, + instance + ) { instance.props = resolveClassComponentProps( current.type, current.memoizedProps ); instance.state = current.memoizedState; - if (shouldProfile(current)) - try { - startLayoutEffectTimer(), instance.componentWillUnmount(); - } finally { - recordLayoutEffectDuration(current); - } - else instance.componentWillUnmount(); + shouldProfile(current) + ? (startLayoutEffectTimer(), + callComponentWillUnmountInDEV( + current, + nearestMountedAncestor, + instance + ), + recordLayoutEffectDuration(current)) + : callComponentWillUnmountInDEV( + current, + nearestMountedAncestor, + instance + ); } function safelyAttachRef(current, nearestMountedAncestor) { try { @@ -11021,13 +11037,6 @@ } else ref.current = null; } - function safelyCallDestroy(current, nearestMountedAncestor, destroy) { - try { - destroy(); - } catch (error) { - captureCommitPhaseError(current, nearestMountedAncestor, error); - } - } function commitBeforeMutationEffects(root, firstChild) { eventsEnabled = _enabled; root = getActiveElementDeep(); @@ -11242,7 +11251,7 @@ markComponentLayoutEffectUnmountStarted(finishedWork), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0), - safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy), + callDestroyInDEV(finishedWork, nearestMountedAncestor, destroy), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !1), (flags & Passive) !== NoFlags @@ -11278,11 +11287,8 @@ injectedProfilingHooks.markComponentLayoutEffectMountStarted( finishedWork ); - var create = effect.create; (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0); - var inst = effect.inst; - create = create(); - inst.destroy = create; + var destroy = callCreateInDEV(effect); (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !1); (flags & Passive) !== NoFlags ? null !== injectedProfilingHooks && @@ -11294,27 +11300,27 @@ "function" === typeof injectedProfilingHooks.markComponentLayoutEffectMountStopped && injectedProfilingHooks.markComponentLayoutEffectMountStopped(); - void 0 !== create && - "function" !== typeof create && - ((inst = + if (void 0 !== destroy && "function" !== typeof destroy) { + var hookName = 0 !== (effect.tag & Layout) ? "useLayoutEffect" : 0 !== (effect.tag & Insertion) ? "useInsertionEffect" - : "useEffect"), + : "useEffect"; console.error( "%s must not return anything besides a function, which is used for clean-up.%s", - inst, - null === create + hookName, + null === destroy ? " You returned null. If your effect does not require clean up, return undefined (or nothing)." - : "function" === typeof create.then + : "function" === typeof destroy.then ? "\n\nIt looks like you wrote " + - inst + + hookName + "(async () => ...) or returned a Promise. Instead, write the async function inside your effect and call it immediately:\n\n" + - inst + + hookName + "(() => {\n async function fetchData() {\n // You can await here\n const response = await MyAPI.getData(someId);\n // ...\n }\n fetchData();\n}, [someId]); // Or [] if effect doesn't need props or state\n\nLearn more about data fetching with Hooks: https://react.dev/link/hooks-data-fetching" - : " You returned: " + create - )); + : " You returned: " + destroy + ); + } } effect = effect.next; } while (effect !== updateQueue); @@ -11449,42 +11455,24 @@ ); if (flags & 4) if (((finishedRoot = finishedWork.stateNode), null === current)) - if ( - (finishedWork.type.defaultProps || - "ref" in finishedWork.memoizedProps || - didWarnAboutReassigningProps || - (finishedRoot.props !== finishedWork.memoizedProps && - console.error( - "Expected %s props to match memoized props before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.", - getComponentNameFromFiber(finishedWork) || "instance" - ), - finishedRoot.state !== finishedWork.memoizedState && - console.error( - "Expected %s state to match memoized state before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.", - getComponentNameFromFiber(finishedWork) || "instance" - )), - shouldProfile(finishedWork)) - ) { - try { - startLayoutEffectTimer(), finishedRoot.componentDidMount(); - } catch (error) { - captureCommitPhaseError( - finishedWork, - finishedWork.return, - error - ); - } - recordLayoutEffectDuration(finishedWork); - } else - try { - finishedRoot.componentDidMount(); - } catch (error$8) { - captureCommitPhaseError( - finishedWork, - finishedWork.return, - error$8 - ); - } + finishedWork.type.defaultProps || + "ref" in finishedWork.memoizedProps || + didWarnAboutReassigningProps || + (finishedRoot.props !== finishedWork.memoizedProps && + console.error( + "Expected %s props to match memoized props before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.", + getComponentNameFromFiber(finishedWork) || "instance" + ), + finishedRoot.state !== finishedWork.memoizedState && + console.error( + "Expected %s state to match memoized state before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.", + getComponentNameFromFiber(finishedWork) || "instance" + )), + shouldProfile(finishedWork) + ? (startLayoutEffectTimer(), + callComponentDidMountInDEV(finishedWork, finishedRoot), + recordLayoutEffectDuration(finishedWork)) + : callComponentDidMountInDEV(finishedWork, finishedRoot); else { committedLanes = resolveClassComponentProps( finishedWork.type, @@ -11504,36 +11492,23 @@ "Expected %s state to match memoized state before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.", getComponentNameFromFiber(finishedWork) || "instance" )); - if (shouldProfile(finishedWork)) { - try { - startLayoutEffectTimer(), - finishedRoot.componentDidUpdate( - committedLanes, - prevState, - finishedRoot.__reactInternalSnapshotBeforeUpdate - ); - } catch (error$9) { - captureCommitPhaseError( + shouldProfile(finishedWork) + ? (startLayoutEffectTimer(), + callComponentDidUpdateInDEV( finishedWork, - finishedWork.return, - error$9 - ); - } - recordLayoutEffectDuration(finishedWork); - } else - try { - finishedRoot.componentDidUpdate( + finishedRoot, committedLanes, prevState, finishedRoot.__reactInternalSnapshotBeforeUpdate - ); - } catch (error$10) { - captureCommitPhaseError( + ), + recordLayoutEffectDuration(finishedWork)) + : callComponentDidUpdateInDEV( finishedWork, - finishedWork.return, - error$10 + finishedRoot, + committedLanes, + prevState, + finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } } flags & 64 && commitClassCallbacks(finishedWork); flags & 512 && safelyAttachRef(finishedWork, finishedWork.return); @@ -11864,7 +11839,7 @@ void 0 !== destroy && ((tag & Insertion) !== NoFlags ? ((inst.destroy = void 0), - safelyCallDestroy( + callDestroyInDEV( deletedFiber, nearestMountedAncestor, destroy @@ -11874,14 +11849,14 @@ shouldProfile(deletedFiber) ? (startLayoutEffectTimer(), (inst.destroy = void 0), - safelyCallDestroy( + callDestroyInDEV( deletedFiber, nearestMountedAncestor, destroy ), recordLayoutEffectDuration(deletedFiber)) : ((inst.destroy = void 0), - safelyCallDestroy( + callDestroyInDEV( deletedFiber, nearestMountedAncestor, destroy @@ -11897,21 +11872,15 @@ ); break; case 1: - if ( - !offscreenSubtreeWasHidden && + offscreenSubtreeWasHidden || (safelyDetachRef(deletedFiber, nearestMountedAncestor), (prevHostParent = deletedFiber.stateNode), - "function" === typeof prevHostParent.componentWillUnmount) - ) - try { - callComponentWillUnmountWithTimer(deletedFiber, prevHostParent); - } catch (error) { - captureCommitPhaseError( + "function" === typeof prevHostParent.componentWillUnmount && + safelyCallComponentWillUnmount( deletedFiber, nearestMountedAncestor, - error - ); - } + prevHostParent + )); recursivelyTraverseDeletionEffects( finishedRoot, nearestMountedAncestor, @@ -12100,11 +12069,11 @@ finishedWork, finishedWork.return ); - } catch (error$12) { + } catch (error$9) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$12 + error$9 ); } recordLayoutEffectDuration(finishedWork); @@ -12115,11 +12084,11 @@ finishedWork, finishedWork.return ); - } catch (error$13) { + } catch (error$10) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$13 + error$10 ); } } @@ -12305,11 +12274,11 @@ newProps ); domElement[internalPropsKey] = newProps; - } catch (error$14) { + } catch (error$11) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$14 + error$11 ); } break; @@ -12365,11 +12334,11 @@ root = finishedWork.stateNode; try { setTextContent(root, ""); - } catch (error$15) { + } catch (error$12) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$15 + error$12 ); } } @@ -12380,11 +12349,11 @@ try { updateProperties(root, hoistableRoot, current, lanes), (root[internalPropsKey] = lanes); - } catch (error$16) { + } catch (error$13) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$16 + error$13 ); } } @@ -12407,11 +12376,11 @@ current = finishedWork.memoizedProps; try { flags.nodeValue = current; - } catch (error$17) { + } catch (error$14) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$17 + error$14 ); } } @@ -12430,11 +12399,11 @@ ) try { retryIfBlockedOn(root.containerInfo); - } catch (error$18) { + } catch (error$15) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$18 + error$15 ); } needsFormReset && @@ -12531,11 +12500,11 @@ root.stateNode.nodeValue = domElement ? "" : root.memoizedProps; - } catch (error$11) { + } catch (error$8) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$11 + error$8 ); } } else if ( @@ -12703,18 +12672,12 @@ case 1: safelyDetachRef(finishedWork, finishedWork.return); var instance = finishedWork.stateNode; - if ("function" === typeof instance.componentWillUnmount) { - var nearestMountedAncestor = finishedWork.return; - try { - callComponentWillUnmountWithTimer(finishedWork, instance); - } catch (error) { - captureCommitPhaseError( - finishedWork, - nearestMountedAncestor, - error - ); - } - } + "function" === typeof instance.componentWillUnmount && + safelyCallComponentWillUnmount( + finishedWork, + finishedWork.return, + instance + ); recursivelyTraverseDisappearLayoutEffects(finishedWork); break; case 26: @@ -12865,8 +12828,8 @@ } else try { commitHookEffectListMount(hookFlags, finishedWork); - } catch (error$20) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$20); + } catch (error$17) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$17); } } function commitOffscreenPassiveMountEffects(current, finishedWork) { @@ -15322,8 +15285,8 @@ } workLoopSync(); break; - } catch (thrownValue$22) { - handleThrow(root, thrownValue$22); + } catch (thrownValue$19) { + handleThrow(root, thrownValue$19); } while (1); lanes && root.shellSuspendCounter++; @@ -15463,8 +15426,8 @@ ? workLoopSync() : workLoopConcurrent(); break; - } catch (thrownValue$23) { - handleThrow(root, thrownValue$23); + } catch (thrownValue$20) { + handleThrow(root, thrownValue$20); } while (1); resetContextDependencies(); @@ -21346,8 +21309,7 @@ var componentFrameCache = new ( "function" === typeof WeakMap ? WeakMap : Map )(); - var externalRegExp = /\/node_modules\/|\(/, - current = null, + var current = null, isRendering = !1, isArrayImpl = Array.isArray, ReactDOMSharedInternals = @@ -22914,6 +22876,87 @@ } }, callRenderInDEV = callRender["react-stack-bottom-frame"].bind(callRender), + callComponentDidMount = { + "react-stack-bottom-frame": function (finishedWork, instance) { + try { + instance.componentDidMount(); + } catch (error) { + captureCommitPhaseError(finishedWork, finishedWork.return, error); + } + } + }, + callComponentDidMountInDEV = callComponentDidMount[ + "react-stack-bottom-frame" + ].bind(callComponentDidMount), + callComponentDidUpdate = { + "react-stack-bottom-frame": function ( + finishedWork, + instance, + prevProps, + prevState, + snapshot + ) { + try { + instance.componentDidUpdate(prevProps, prevState, snapshot); + } catch (error) { + captureCommitPhaseError(finishedWork, finishedWork.return, error); + } + } + }, + callComponentDidUpdateInDEV = callComponentDidUpdate[ + "react-stack-bottom-frame" + ].bind(callComponentDidUpdate), + callComponentDidCatch = { + "react-stack-bottom-frame": function (instance, errorInfo) { + var stack = errorInfo.stack; + instance.componentDidCatch(errorInfo.value, { + componentStack: null !== stack ? stack : "" + }); + } + }, + callComponentDidCatchInDEV = callComponentDidCatch[ + "react-stack-bottom-frame" + ].bind(callComponentDidCatch), + callComponentWillUnmount = { + "react-stack-bottom-frame": function ( + current, + nearestMountedAncestor, + instance + ) { + try { + instance.componentWillUnmount(); + } catch (error) { + captureCommitPhaseError(current, nearestMountedAncestor, error); + } + } + }, + callComponentWillUnmountInDEV = callComponentWillUnmount[ + "react-stack-bottom-frame" + ].bind(callComponentWillUnmount), + callCreate = { + "react-stack-bottom-frame": function (effect) { + var create = effect.create; + effect = effect.inst; + create = create(); + return (effect.destroy = create); + } + }, + callCreateInDEV = callCreate["react-stack-bottom-frame"].bind(callCreate), + callDestroy = { + "react-stack-bottom-frame": function ( + current, + nearestMountedAncestor, + destroy + ) { + try { + destroy(); + } catch (error) { + captureCommitPhaseError(current, nearestMountedAncestor, error); + } + } + }, + callDestroyInDEV = + callDestroy["react-stack-bottom-frame"].bind(callDestroy), callLazyInit = { "react-stack-bottom-frame": function (lazy) { var init = lazy._init; @@ -24325,7 +24368,7 @@ var nonExtensibleObject = Object.preventExtensions({}); new Map([[nonExtensibleObject, null]]); new Set([nonExtensibleObject]); - } catch (e$21) { + } catch (e$18) { hasBadMapPolyfill = !0; } var DefaultAsyncDispatcher = { @@ -24948,11 +24991,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-experimental-f6cce072-20240723" !== isomorphicReactPackageVersion) + if ("19.0.0-experimental-76002254-20240724" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.0.0-experimental-f6cce072-20240723\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-experimental-76002254-20240724\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -25007,12 +25050,12 @@ scheduleRoot: scheduleRoot, setRefreshHandler: setRefreshHandler, getCurrentFiber: getCurrentFiberForDevTools, - reconcilerVersion: "19.0.0-experimental-f6cce072-20240723" + reconcilerVersion: "19.0.0-experimental-76002254-20240724" }); })({ findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 1, - version: "19.0.0-experimental-f6cce072-20240723", + version: "19.0.0-experimental-76002254-20240724", rendererPackageName: "react-dom" }) && canUseDOM && @@ -25308,5 +25351,5 @@ } }; }; - exports.version = "19.0.0-experimental-f6cce072-20240723"; + exports.version = "19.0.0-experimental-76002254-20240724"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js index 73b4c603b92677..908200da3e7d06 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.js @@ -2053,19 +2053,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$287; + var JSCompiler_inline_result$jscomp$288; if (canUseDOM) { - var isSupported$jscomp$inline_423 = "oninput" in document; - if (!isSupported$jscomp$inline_423) { - var element$jscomp$inline_424 = document.createElement("div"); - element$jscomp$inline_424.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_423 = - "function" === typeof element$jscomp$inline_424.oninput; + var isSupported$jscomp$inline_424 = "oninput" in document; + if (!isSupported$jscomp$inline_424) { + var element$jscomp$inline_425 = document.createElement("div"); + element$jscomp$inline_425.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_424 = + "function" === typeof element$jscomp$inline_425.oninput; } - JSCompiler_inline_result$jscomp$287 = isSupported$jscomp$inline_423; - } else JSCompiler_inline_result$jscomp$287 = !1; + JSCompiler_inline_result$jscomp$288 = isSupported$jscomp$inline_424; + } else JSCompiler_inline_result$jscomp$288 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$287 && + JSCompiler_inline_result$jscomp$288 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -6656,7 +6656,9 @@ function beginWork(current, workInProgress, renderLanes) { ); break a; } - throw Error(formatProdErrorMessage(306, lazyComponent, "")); + workInProgress = + getComponentNameFromType(lazyComponent) || lazyComponent; + throw Error(formatProdErrorMessage(306, workInProgress, "")); } } return workInProgress; @@ -7536,9 +7538,9 @@ function resolveClassComponentProps(Component, baseProps) { } if ((Component = Component.defaultProps)) { newProps === baseProps && (newProps = assign({}, newProps)); - for (var propName$110 in Component) - void 0 === newProps[propName$110] && - (newProps[propName$110] = Component[propName$110]); + for (var propName$111 in Component) + void 0 === newProps[propName$111] && + (newProps[propName$111] = Component[propName$111]); } return newProps; } @@ -7547,13 +7549,21 @@ var offscreenSubtreeIsHidden = !1, needsFormReset = !1, PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set, nextEffect = null; -function callComponentWillUnmountWithTimer(current, instance) { +function safelyCallComponentWillUnmount( + current, + nearestMountedAncestor, + instance +) { instance.props = resolveClassComponentProps( current.type, current.memoizedProps ); instance.state = current.memoizedState; - instance.componentWillUnmount(); + try { + instance.componentWillUnmount(); + } catch (error) { + captureCommitPhaseError(current, nearestMountedAncestor, error); + } } function safelyAttachRef(current, nearestMountedAncestor) { try { @@ -7594,8 +7604,8 @@ function safelyDetachRef(current, nearestMountedAncestor) { else if ("function" === typeof ref) try { ref(null); - } catch (error$111) { - captureCommitPhaseError(current, nearestMountedAncestor, error$111); + } catch (error$112) { + captureCommitPhaseError(current, nearestMountedAncestor, error$112); } else ref.current = null; } @@ -7791,10 +7801,10 @@ function commitHookEffectListMount(flags, finishedWork) { var effect = (finishedWork = finishedWork.next); do { if ((effect.tag & flags) === flags) { - var create = effect.create, - inst = effect.inst; - create = create(); - inst.destroy = create; + var destroy = effect.create; + var inst = effect.inst; + destroy = destroy(); + inst.destroy = destroy; } effect = effect.next; } while (effect !== finishedWork); @@ -7867,11 +7877,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { current, finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } catch (error$113) { + } catch (error$114) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$113 + error$114 ); } } @@ -8174,17 +8184,15 @@ function commitDeletionEffectsOnFiber( ); break; case 1: - if ( - !offscreenSubtreeWasHidden && + offscreenSubtreeWasHidden || (safelyDetachRef(deletedFiber, nearestMountedAncestor), (prevHostParent = deletedFiber.stateNode), - "function" === typeof prevHostParent.componentWillUnmount) - ) - try { - callComponentWillUnmountWithTimer(deletedFiber, prevHostParent); - } catch (error) { - captureCommitPhaseError(deletedFiber, nearestMountedAncestor, error); - } + "function" === typeof prevHostParent.componentWillUnmount && + safelyCallComponentWillUnmount( + deletedFiber, + nearestMountedAncestor, + prevHostParent + )); recursivelyTraverseDeletionEffects( finishedRoot, nearestMountedAncestor, @@ -8324,8 +8332,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { } try { commitHookEffectListUnmount(5, finishedWork, finishedWork.return); - } catch (error$125) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$125); + } catch (error$126) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$126); } } break; @@ -8498,11 +8506,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) { newProps ); domElement[internalPropsKey] = newProps; - } catch (error$126) { + } catch (error$127) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$126 + error$127 ); } break; @@ -8539,8 +8547,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { root = finishedWork.stateNode; try { setTextContent(root, ""); - } catch (error$127) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$127); + } catch (error$128) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$128); } } if (flags & 4 && ((root = finishedWork.stateNode), null != root)) { @@ -8550,8 +8558,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { try { updateProperties(root, maybeNodes, current, hoistableRoot), (root[internalPropsKey] = hoistableRoot); - } catch (error$129) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$129); + } catch (error$130) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$130); } } flags & 1024 && (needsFormReset = !0); @@ -8566,8 +8574,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { current = finishedWork.memoizedProps; try { flags.nodeValue = current; - } catch (error$130) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$130); + } catch (error$131) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$131); } } break; @@ -8581,8 +8589,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { if (flags & 4 && null !== current && current.memoizedState.isDehydrated) try { retryIfBlockedOn(root.containerInfo); - } catch (error$131) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$131); + } catch (error$132) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$132); } needsFormReset && ((needsFormReset = !1), recursivelyResetForms(finishedWork)); @@ -8676,11 +8684,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) { if (null === current) try { root.stateNode.nodeValue = domElement ? "" : root.memoizedProps; - } catch (error$115) { + } catch (error$116) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$115 + error$116 ); } } else if ( @@ -8749,21 +8757,21 @@ function commitReconciliationEffects(finishedWork) { insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0); break; case 5: - var parent$116 = JSCompiler_inline_result.stateNode; + var parent$117 = JSCompiler_inline_result.stateNode; JSCompiler_inline_result.flags & 32 && - (setTextContent(parent$116, ""), + (setTextContent(parent$117, ""), (JSCompiler_inline_result.flags &= -33)); - var before$117 = getHostSibling(finishedWork); - insertOrAppendPlacementNode(finishedWork, before$117, parent$116); + var before$118 = getHostSibling(finishedWork); + insertOrAppendPlacementNode(finishedWork, before$118, parent$117); break; case 3: case 4: - var parent$118 = JSCompiler_inline_result.stateNode.containerInfo, - before$119 = getHostSibling(finishedWork); + var parent$119 = JSCompiler_inline_result.stateNode.containerInfo, + before$120 = getHostSibling(finishedWork); insertOrAppendPlacementNodeIntoContainer( finishedWork, - before$119, - parent$118 + before$120, + parent$119 ); break; default: @@ -8806,15 +8814,12 @@ function recursivelyTraverseDisappearLayoutEffects(parentFiber) { case 1: safelyDetachRef(finishedWork, finishedWork.return); var instance = finishedWork.stateNode; - if ("function" === typeof instance.componentWillUnmount) { - var current = finishedWork, - nearestMountedAncestor = finishedWork.return; - try { - callComponentWillUnmountWithTimer(current, instance); - } catch (error) { - captureCommitPhaseError(current, nearestMountedAncestor, error); - } - } + "function" === typeof instance.componentWillUnmount && + safelyCallComponentWillUnmount( + finishedWork, + finishedWork.return, + instance + ); recursivelyTraverseDisappearLayoutEffects(finishedWork); break; case 26: @@ -9644,14 +9649,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) { break; case "collapsed": lastTailNode = renderState.tail; - for (var lastTailNode$141 = null; null !== lastTailNode; ) - null !== lastTailNode.alternate && (lastTailNode$141 = lastTailNode), + for (var lastTailNode$142 = null; null !== lastTailNode; ) + null !== lastTailNode.alternate && (lastTailNode$142 = lastTailNode), (lastTailNode = lastTailNode.sibling); - null === lastTailNode$141 + null === lastTailNode$142 ? hasRenderedATailFallback || null === renderState.tail ? (renderState.tail = null) : (renderState.tail.sibling = null) - : (lastTailNode$141.sibling = null); + : (lastTailNode$142.sibling = null); } } function bubbleProperties(completedWork) { @@ -9661,19 +9666,19 @@ function bubbleProperties(completedWork) { newChildLanes = 0, subtreeFlags = 0; if (didBailout) - for (var child$142 = completedWork.child; null !== child$142; ) - (newChildLanes |= child$142.lanes | child$142.childLanes), - (subtreeFlags |= child$142.subtreeFlags & 31457280), - (subtreeFlags |= child$142.flags & 31457280), - (child$142.return = completedWork), - (child$142 = child$142.sibling); + for (var child$143 = completedWork.child; null !== child$143; ) + (newChildLanes |= child$143.lanes | child$143.childLanes), + (subtreeFlags |= child$143.subtreeFlags & 31457280), + (subtreeFlags |= child$143.flags & 31457280), + (child$143.return = completedWork), + (child$143 = child$143.sibling); else - for (child$142 = completedWork.child; null !== child$142; ) - (newChildLanes |= child$142.lanes | child$142.childLanes), - (subtreeFlags |= child$142.subtreeFlags), - (subtreeFlags |= child$142.flags), - (child$142.return = completedWork), - (child$142 = child$142.sibling); + for (child$143 = completedWork.child; null !== child$143; ) + (newChildLanes |= child$143.lanes | child$143.childLanes), + (subtreeFlags |= child$143.subtreeFlags), + (subtreeFlags |= child$143.flags), + (child$143.return = completedWork), + (child$143 = child$143.sibling); completedWork.subtreeFlags |= subtreeFlags; completedWork.childLanes = newChildLanes; return didBailout; @@ -9950,11 +9955,11 @@ function completeWork(current, workInProgress, renderLanes) { null !== newProps.alternate.memoizedState && null !== newProps.alternate.memoizedState.cachePool && (type = newProps.alternate.memoizedState.cachePool.pool); - var cache$154 = null; + var cache$155 = null; null !== newProps.memoizedState && null !== newProps.memoizedState.cachePool && - (cache$154 = newProps.memoizedState.cachePool.pool); - cache$154 !== type && (newProps.flags |= 2048); + (cache$155 = newProps.memoizedState.cachePool.pool); + cache$155 !== type && (newProps.flags |= 2048); } renderLanes !== current && renderLanes && @@ -9979,8 +9984,8 @@ function completeWork(current, workInProgress, renderLanes) { type = workInProgress.memoizedState; if (null === type) return bubbleProperties(workInProgress), null; newProps = 0 !== (workInProgress.flags & 128); - cache$154 = type.rendering; - if (null === cache$154) + cache$155 = type.rendering; + if (null === cache$155) if (newProps) cutOffTailIfNeeded(type, !1); else { if ( @@ -9988,11 +9993,11 @@ function completeWork(current, workInProgress, renderLanes) { (null !== current && 0 !== (current.flags & 128)) ) for (current = workInProgress.child; null !== current; ) { - cache$154 = findFirstSuspended(current); - if (null !== cache$154) { + cache$155 = findFirstSuspended(current); + if (null !== cache$155) { workInProgress.flags |= 128; cutOffTailIfNeeded(type, !1); - current = cache$154.updateQueue; + current = cache$155.updateQueue; workInProgress.updateQueue = current; scheduleRetryEffect(workInProgress, current); workInProgress.subtreeFlags = 0; @@ -10017,7 +10022,7 @@ function completeWork(current, workInProgress, renderLanes) { } else { if (!newProps) - if (((current = findFirstSuspended(cache$154)), null !== current)) { + if (((current = findFirstSuspended(cache$155)), null !== current)) { if ( ((workInProgress.flags |= 128), (newProps = !0), @@ -10027,7 +10032,7 @@ function completeWork(current, workInProgress, renderLanes) { cutOffTailIfNeeded(type, !0), null === type.tail && "hidden" === type.tailMode && - !cache$154.alternate && + !cache$155.alternate && !isHydrating) ) return bubbleProperties(workInProgress), null; @@ -10040,13 +10045,13 @@ function completeWork(current, workInProgress, renderLanes) { cutOffTailIfNeeded(type, !1), (workInProgress.lanes = 4194304)); type.isBackwards - ? ((cache$154.sibling = workInProgress.child), - (workInProgress.child = cache$154)) + ? ((cache$155.sibling = workInProgress.child), + (workInProgress.child = cache$155)) : ((current = type.last), null !== current - ? (current.sibling = cache$154) - : (workInProgress.child = cache$154), - (type.last = cache$154)); + ? (current.sibling = cache$155) + : (workInProgress.child = cache$155), + (type.last = cache$155)); } if (null !== type.tail) return ( @@ -10933,8 +10938,8 @@ function renderRootSync(root, lanes) { } workLoopSync(); break; - } catch (thrownValue$170) { - handleThrow(root, thrownValue$170); + } catch (thrownValue$171) { + handleThrow(root, thrownValue$171); } while (1); lanes && root.shellSuspendCounter++; @@ -11043,8 +11048,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrent(); break; - } catch (thrownValue$172) { - handleThrow(root, thrownValue$172); + } catch (thrownValue$173) { + handleThrow(root, thrownValue$173); } while (1); resetContextDependencies(); @@ -11302,7 +11307,7 @@ function releaseRootPooledCache(root, remainingLanes) { } function flushPassiveEffects() { if (null !== rootWithPendingPassiveEffects) { - var root$176 = rootWithPendingPassiveEffects, + var root$177 = rootWithPendingPassiveEffects, remainingLanes = pendingPassiveEffectsRemainingLanes; pendingPassiveEffectsRemainingLanes = 0; var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes), @@ -11341,7 +11346,7 @@ function flushPassiveEffects() { } finally { (ReactDOMSharedInternals.p = previousPriority), (ReactSharedInternals.T = prevTransition), - releaseRootPooledCache(root$176, remainingLanes); + releaseRootPooledCache(root$177, remainingLanes); } } return !1; @@ -11497,18 +11502,18 @@ function flushSyncWorkOnAllRoots() { isFlushingWork = !0; do { var didPerformSomeWork = !1; - for (var root$178 = firstScheduledRoot; null !== root$178; ) { - var workInProgressRootRenderLanes$180 = workInProgressRootRenderLanes; - workInProgressRootRenderLanes$180 = getNextLanes( - root$178, - root$178 === workInProgressRoot - ? workInProgressRootRenderLanes$180 + for (var root$179 = firstScheduledRoot; null !== root$179; ) { + var workInProgressRootRenderLanes$181 = workInProgressRootRenderLanes; + workInProgressRootRenderLanes$181 = getNextLanes( + root$179, + root$179 === workInProgressRoot + ? workInProgressRootRenderLanes$181 : 0 ); - 0 !== (workInProgressRootRenderLanes$180 & 3) && + 0 !== (workInProgressRootRenderLanes$181 & 3) && ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$178, workInProgressRootRenderLanes$180)); - root$178 = root$178.next; + performSyncWorkOnRoot(root$179, workInProgressRootRenderLanes$181)); + root$179 = root$179.next; } } while (didPerformSomeWork); isFlushingWork = !1; @@ -11719,20 +11724,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1430 = 0; - i$jscomp$inline_1430 < simpleEventPluginEvents.length; - i$jscomp$inline_1430++ + var i$jscomp$inline_1432 = 0; + i$jscomp$inline_1432 < simpleEventPluginEvents.length; + i$jscomp$inline_1432++ ) { - var eventName$jscomp$inline_1431 = - simpleEventPluginEvents[i$jscomp$inline_1430], - domEventName$jscomp$inline_1432 = - eventName$jscomp$inline_1431.toLowerCase(), - capitalizedEvent$jscomp$inline_1433 = - eventName$jscomp$inline_1431[0].toUpperCase() + - eventName$jscomp$inline_1431.slice(1); + var eventName$jscomp$inline_1433 = + simpleEventPluginEvents[i$jscomp$inline_1432], + domEventName$jscomp$inline_1434 = + eventName$jscomp$inline_1433.toLowerCase(), + capitalizedEvent$jscomp$inline_1435 = + eventName$jscomp$inline_1433[0].toUpperCase() + + eventName$jscomp$inline_1433.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1432, - "on" + capitalizedEvent$jscomp$inline_1433 + domEventName$jscomp$inline_1434, + "on" + capitalizedEvent$jscomp$inline_1435 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -12915,34 +12920,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$191 = props[hasSrc]; - if (null != propValue$191) + var propValue$192 = props[hasSrc]; + if (null != propValue$192) switch (hasSrc) { case "name": - hasSrcSet = propValue$191; + hasSrcSet = propValue$192; break; case "type": - propValue = propValue$191; + propValue = propValue$192; break; case "checked": - checked = propValue$191; + checked = propValue$192; break; case "defaultChecked": - defaultChecked = propValue$191; + defaultChecked = propValue$192; break; case "value": - propKey = propValue$191; + propKey = propValue$192; break; case "defaultValue": - defaultValue = propValue$191; + defaultValue = propValue$192; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$191) + if (null != propValue$192) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$191, props, null); + setProp(domElement, tag, hasSrc, propValue$192, props, null); } } initInput( @@ -13079,14 +13084,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$191 in props) - props.hasOwnProperty(propValue$191) && - ((hasSrc = props[propValue$191]), + for (propValue$192 in props) + props.hasOwnProperty(propValue$192) && + ((hasSrc = props[propValue$192]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$191, + propValue$192, hasSrc, props, void 0 @@ -13134,14 +13139,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$208 in nextProps) { - var propKey = nextProps[propKey$208]; - lastProp = lastProps[propKey$208]; + for (var propKey$209 in nextProps) { + var propKey = nextProps[propKey$209]; + lastProp = lastProps[propKey$209]; if ( - nextProps.hasOwnProperty(propKey$208) && + nextProps.hasOwnProperty(propKey$209) && (null != propKey || null != lastProp) ) - switch (propKey$208) { + switch (propKey$209) { case "type": type = propKey; break; @@ -13170,7 +13175,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$208, + propKey$209, propKey, nextProps, lastProp @@ -13189,7 +13194,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$208 = null; + propKey = value = defaultValue = propKey$209 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -13220,7 +13225,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (name) { case "value": - propKey$208 = type; + propKey$209 = type; break; case "defaultValue": defaultValue = type; @@ -13241,15 +13246,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$208 - ? updateOptions(domElement, !!lastProps, propKey$208, !1) + null != propKey$209 + ? updateOptions(domElement, !!lastProps, propKey$209, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$208 = null; + propKey = propKey$209 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -13273,7 +13278,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (value) { case "value": - propKey$208 = name; + propKey$209 = name; break; case "defaultValue": propKey = name; @@ -13287,17 +13292,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$208, propKey); + updateTextarea(domElement, propKey$209, propKey); return; case "option": - for (var propKey$224 in lastProps) + for (var propKey$225 in lastProps) if ( - ((propKey$208 = lastProps[propKey$224]), - lastProps.hasOwnProperty(propKey$224) && - null != propKey$208 && - !nextProps.hasOwnProperty(propKey$224)) + ((propKey$209 = lastProps[propKey$225]), + lastProps.hasOwnProperty(propKey$225) && + null != propKey$209 && + !nextProps.hasOwnProperty(propKey$225)) ) - switch (propKey$224) { + switch (propKey$225) { case "selected": domElement.selected = !1; break; @@ -13305,33 +13310,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$224, + propKey$225, null, nextProps, - propKey$208 + propKey$209 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$208 = nextProps[lastDefaultValue]), + ((propKey$209 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$208 !== propKey && - (null != propKey$208 || null != propKey)) + propKey$209 !== propKey && + (null != propKey$209 || null != propKey)) ) switch (lastDefaultValue) { case "selected": domElement.selected = - propKey$208 && - "function" !== typeof propKey$208 && - "symbol" !== typeof propKey$208; + propKey$209 && + "function" !== typeof propKey$209 && + "symbol" !== typeof propKey$209; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$208, + propKey$209, nextProps, propKey ); @@ -13352,24 +13357,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$229 in lastProps) - (propKey$208 = lastProps[propKey$229]), - lastProps.hasOwnProperty(propKey$229) && - null != propKey$208 && - !nextProps.hasOwnProperty(propKey$229) && - setProp(domElement, tag, propKey$229, null, nextProps, propKey$208); + for (var propKey$230 in lastProps) + (propKey$209 = lastProps[propKey$230]), + lastProps.hasOwnProperty(propKey$230) && + null != propKey$209 && + !nextProps.hasOwnProperty(propKey$230) && + setProp(domElement, tag, propKey$230, null, nextProps, propKey$209); for (checked in nextProps) if ( - ((propKey$208 = nextProps[checked]), + ((propKey$209 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$208 !== propKey && - (null != propKey$208 || null != propKey)) + propKey$209 !== propKey && + (null != propKey$209 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$208) + if (null != propKey$209) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -13377,7 +13382,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$208, + propKey$209, nextProps, propKey ); @@ -13385,49 +13390,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$234 in lastProps) - (propKey$208 = lastProps[propKey$234]), - lastProps.hasOwnProperty(propKey$234) && - void 0 !== propKey$208 && - !nextProps.hasOwnProperty(propKey$234) && + for (var propKey$235 in lastProps) + (propKey$209 = lastProps[propKey$235]), + lastProps.hasOwnProperty(propKey$235) && + void 0 !== propKey$209 && + !nextProps.hasOwnProperty(propKey$235) && setPropOnCustomElement( domElement, tag, - propKey$234, + propKey$235, void 0, nextProps, - propKey$208 + propKey$209 ); for (defaultChecked in nextProps) - (propKey$208 = nextProps[defaultChecked]), + (propKey$209 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$208 === propKey || - (void 0 === propKey$208 && void 0 === propKey) || + propKey$209 === propKey || + (void 0 === propKey$209 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$208, + propKey$209, nextProps, propKey ); return; } } - for (var propKey$239 in lastProps) - (propKey$208 = lastProps[propKey$239]), - lastProps.hasOwnProperty(propKey$239) && - null != propKey$208 && - !nextProps.hasOwnProperty(propKey$239) && - setProp(domElement, tag, propKey$239, null, nextProps, propKey$208); + for (var propKey$240 in lastProps) + (propKey$209 = lastProps[propKey$240]), + lastProps.hasOwnProperty(propKey$240) && + null != propKey$209 && + !nextProps.hasOwnProperty(propKey$240) && + setProp(domElement, tag, propKey$240, null, nextProps, propKey$209); for (lastProp in nextProps) - (propKey$208 = nextProps[lastProp]), + (propKey$209 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$208 === propKey || - (null == propKey$208 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$208, nextProps, propKey); + propKey$209 === propKey || + (null == propKey$209 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$209, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -14029,26 +14034,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$247 = getResourcesFromRoot( + var styles$248 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$248 = styles$247.get(type); - resource$248 || + resource$249 = styles$248.get(type); + resource$249 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$248 = { + (resource$249 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$247.set(type, resource$248), - (styles$247 = JSCompiler_inline_result.querySelector( + styles$248.set(type, resource$249), + (styles$248 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$247._p && - ((resource$248.instance = styles$247), - (resource$248.state.loading = 5)), + !styles$248._p && + ((resource$249.instance = styles$248), + (resource$249.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -14061,16 +14066,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$247 || + styles$248 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$248.state + resource$249.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$248; + return resource$249; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -14167,37 +14172,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$253 = hoistableRoot.querySelector( + var instance$254 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$253) + if (instance$254) return ( (resource.state.loading |= 4), - (resource.instance = instance$253), - markNodeAsHoistable(instance$253), - instance$253 + (resource.instance = instance$254), + markNodeAsHoistable(instance$254), + instance$254 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$253 = ( + instance$254 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$253); - var linkInstance = instance$253; + markNodeAsHoistable(instance$254); + var linkInstance = instance$254; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$253, "link", instance); + setInitialProperties(instance$254, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$253, props.precedence, hoistableRoot); - return (resource.instance = instance$253); + insertStylesheet(instance$254, props.precedence, hoistableRoot); + return (resource.instance = instance$254); case "script": - instance$253 = getScriptKey(props.src); + instance$254 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$253) + getScriptSelectorFromKey(instance$254) )) ) return ( @@ -14206,7 +14211,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$253))) + if ((styleProps = preloadPropsMap.get(instance$254))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -15225,16 +15230,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_1678 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1680 = React.version; if ( - "19.0.0-experimental-f6cce072-20240723" !== - isomorphicReactPackageVersion$jscomp$inline_1678 + "19.0.0-experimental-76002254-20240724" !== + isomorphicReactPackageVersion$jscomp$inline_1680 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1678, - "19.0.0-experimental-f6cce072-20240723" + isomorphicReactPackageVersion$jscomp$inline_1680, + "19.0.0-experimental-76002254-20240724" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -15250,17 +15255,17 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var devToolsConfig$jscomp$inline_1685 = { +var devToolsConfig$jscomp$inline_1687 = { findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 0, - version: "19.0.0-experimental-f6cce072-20240723", + version: "19.0.0-experimental-76002254-20240724", rendererPackageName: "react-dom" }; -var internals$jscomp$inline_2068 = { - bundleType: devToolsConfig$jscomp$inline_1685.bundleType, - version: devToolsConfig$jscomp$inline_1685.version, - rendererPackageName: devToolsConfig$jscomp$inline_1685.rendererPackageName, - rendererConfig: devToolsConfig$jscomp$inline_1685.rendererConfig, +var internals$jscomp$inline_2058 = { + bundleType: devToolsConfig$jscomp$inline_1687.bundleType, + version: devToolsConfig$jscomp$inline_1687.version, + rendererPackageName: devToolsConfig$jscomp$inline_1687.rendererPackageName, + rendererConfig: devToolsConfig$jscomp$inline_1687.rendererConfig, overrideHookState: null, overrideHookStateDeletePath: null, overrideHookStateRenamePath: null, @@ -15276,26 +15281,26 @@ var internals$jscomp$inline_2068 = { return null === fiber ? null : fiber.stateNode; }, findFiberByHostInstance: - devToolsConfig$jscomp$inline_1685.findFiberByHostInstance || + devToolsConfig$jscomp$inline_1687.findFiberByHostInstance || emptyFindFiberByHostInstance, findHostInstancesForRefresh: null, scheduleRefresh: null, scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "19.0.0-experimental-f6cce072-20240723" + reconcilerVersion: "19.0.0-experimental-76002254-20240724" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2069 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2059 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2069.isDisabled && - hook$jscomp$inline_2069.supportsFiber + !hook$jscomp$inline_2059.isDisabled && + hook$jscomp$inline_2059.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2069.inject( - internals$jscomp$inline_2068 + (rendererID = hook$jscomp$inline_2059.inject( + internals$jscomp$inline_2058 )), - (injectedHook = hook$jscomp$inline_2069); + (injectedHook = hook$jscomp$inline_2059); } catch (err) {} } exports.createComponentSelector = function (component) { @@ -15540,4 +15545,4 @@ exports.observeVisibleRects = function ( } }; }; -exports.version = "19.0.0-experimental-f6cce072-20240723"; +exports.version = "19.0.0-experimental-76002254-20240724"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js index 585ffd4110eb5b..1be2a363f5e924 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.development.js @@ -416,7 +416,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.0.0-experimental-f6cce072-20240723"; + exports.version = "19.0.0-experimental-76002254-20240724"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js index 8c913ac9a0b85c..e4799a12e7b0f3 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.js @@ -207,4 +207,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-experimental-f6cce072-20240723"; +exports.version = "19.0.0-experimental-76002254-20240724"; diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js index 2bad6a0d8d2559..468df67ebbe826 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js @@ -336,5 +336,5 @@ })) : Internals.d.m(href)); }; - exports.version = "19.0.0-experimental-f6cce072-20240723"; + exports.version = "19.0.0-experimental-76002254-20240724"; })(); diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js index 4bda0f96e2dea9..47445a3506adc2 100644 --- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js +++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js @@ -149,4 +149,4 @@ exports.preloadModule = function (href, options) { }); } else Internals.d.m(href); }; -exports.version = "19.0.0-experimental-f6cce072-20240723"; +exports.version = "19.0.0-experimental-76002254-20240724"; diff --git a/packages/next/src/compiled/react-dom-experimental/package.json b/packages/next/src/compiled/react-dom-experimental/package.json index 7babf2e3245619..1c304a433128b6 100644 --- a/packages/next/src/compiled/react-dom-experimental/package.json +++ b/packages/next/src/compiled/react-dom-experimental/package.json @@ -72,10 +72,10 @@ "./package.json": "./package.json" }, "dependencies": { - "scheduler": "0.0.0-experimental-f6cce072-20240723" + "scheduler": "0.0.0-experimental-76002254-20240724" }, "peerDependencies": { - "react": "0.0.0-experimental-f6cce072-20240723" + "react": "0.0.0-experimental-76002254-20240724" }, "browser": { "./server.js": "./server.browser.js", diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js index ffa2f3ef1201b4..231d730db78d7f 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-client.development.js @@ -7457,10 +7457,7 @@ (null === legacyErrorBoundariesThatAlreadyFailed ? (legacyErrorBoundariesThatAlreadyFailed = new Set([this])) : legacyErrorBoundariesThatAlreadyFailed.add(this)); - var stack = errorInfo.stack; - this.componentDidCatch(errorInfo.value, { - componentStack: null !== stack ? stack : "" - }); + callComponentDidCatchInDEV(this, errorInfo); "function" === typeof getDerivedStateFromError || (0 === (fiber.lanes & SyncLane) && console.error( @@ -9536,6 +9533,7 @@ current.$$typeof === REACT_LAZY_TYPE && (workInProgress = " Did you wrap a component in React.lazy() more than once?"); + current = getComponentNameFromType(current) || current; throw Error( "Element type is invalid. Received a promise that resolves to: " + current + @@ -10652,19 +10650,29 @@ (executionContext & CommitContext) !== NoContext ); } - function callComponentWillUnmountWithTimer(current, instance) { + function safelyCallComponentWillUnmount( + current, + nearestMountedAncestor, + instance + ) { instance.props = resolveClassComponentProps( current.type, current.memoizedProps ); instance.state = current.memoizedState; - if (shouldProfile(current)) - try { - startLayoutEffectTimer(), instance.componentWillUnmount(); - } finally { - recordLayoutEffectDuration(current); - } - else instance.componentWillUnmount(); + shouldProfile(current) + ? (startLayoutEffectTimer(), + callComponentWillUnmountInDEV( + current, + nearestMountedAncestor, + instance + ), + recordLayoutEffectDuration(current)) + : callComponentWillUnmountInDEV( + current, + nearestMountedAncestor, + instance + ); } function safelyAttachRef(current, nearestMountedAncestor) { try { @@ -10737,13 +10745,6 @@ } else ref.current = null; } - function safelyCallDestroy(current, nearestMountedAncestor, destroy) { - try { - destroy(); - } catch (error) { - captureCommitPhaseError(current, nearestMountedAncestor, error); - } - } function commitBeforeMutationEffects(root, firstChild) { eventsEnabled = _enabled; root = getActiveElementDeep(); @@ -10949,7 +10950,7 @@ markComponentLayoutEffectUnmountStarted(finishedWork), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0), - safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy), + callDestroyInDEV(finishedWork, nearestMountedAncestor, destroy), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !1), (flags & Passive) !== NoFlags @@ -10985,11 +10986,8 @@ injectedProfilingHooks.markComponentLayoutEffectMountStarted( finishedWork ); - var create = effect.create; (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0); - var inst = effect.inst; - create = create(); - inst.destroy = create; + var destroy = callCreateInDEV(effect); (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !1); (flags & Passive) !== NoFlags ? null !== injectedProfilingHooks && @@ -11001,27 +10999,27 @@ "function" === typeof injectedProfilingHooks.markComponentLayoutEffectMountStopped && injectedProfilingHooks.markComponentLayoutEffectMountStopped(); - void 0 !== create && - "function" !== typeof create && - ((inst = + if (void 0 !== destroy && "function" !== typeof destroy) { + var hookName = 0 !== (effect.tag & Layout) ? "useLayoutEffect" : 0 !== (effect.tag & Insertion) ? "useInsertionEffect" - : "useEffect"), + : "useEffect"; console.error( "%s must not return anything besides a function, which is used for clean-up.%s", - inst, - null === create + hookName, + null === destroy ? " You returned null. If your effect does not require clean up, return undefined (or nothing)." - : "function" === typeof create.then + : "function" === typeof destroy.then ? "\n\nIt looks like you wrote " + - inst + + hookName + "(async () => ...) or returned a Promise. Instead, write the async function inside your effect and call it immediately:\n\n" + - inst + + hookName + "(() => {\n async function fetchData() {\n // You can await here\n const response = await MyAPI.getData(someId);\n // ...\n }\n fetchData();\n}, [someId]); // Or [] if effect doesn't need props or state\n\nLearn more about data fetching with Hooks: https://react.dev/link/hooks-data-fetching" - : " You returned: " + create - )); + : " You returned: " + destroy + ); + } } effect = effect.next; } while (effect !== updateQueue); @@ -11156,42 +11154,24 @@ ); if (flags & 4) if (((finishedRoot = finishedWork.stateNode), null === current)) - if ( - (finishedWork.type.defaultProps || - "ref" in finishedWork.memoizedProps || - didWarnAboutReassigningProps || - (finishedRoot.props !== finishedWork.memoizedProps && - console.error( - "Expected %s props to match memoized props before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.", - getComponentNameFromFiber(finishedWork) || "instance" - ), - finishedRoot.state !== finishedWork.memoizedState && - console.error( - "Expected %s state to match memoized state before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.", - getComponentNameFromFiber(finishedWork) || "instance" - )), - shouldProfile(finishedWork)) - ) { - try { - startLayoutEffectTimer(), finishedRoot.componentDidMount(); - } catch (error) { - captureCommitPhaseError( - finishedWork, - finishedWork.return, - error - ); - } - recordLayoutEffectDuration(finishedWork); - } else - try { - finishedRoot.componentDidMount(); - } catch (error$8) { - captureCommitPhaseError( - finishedWork, - finishedWork.return, - error$8 - ); - } + finishedWork.type.defaultProps || + "ref" in finishedWork.memoizedProps || + didWarnAboutReassigningProps || + (finishedRoot.props !== finishedWork.memoizedProps && + console.error( + "Expected %s props to match memoized props before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.", + getComponentNameFromFiber(finishedWork) || "instance" + ), + finishedRoot.state !== finishedWork.memoizedState && + console.error( + "Expected %s state to match memoized state before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.", + getComponentNameFromFiber(finishedWork) || "instance" + )), + shouldProfile(finishedWork) + ? (startLayoutEffectTimer(), + callComponentDidMountInDEV(finishedWork, finishedRoot), + recordLayoutEffectDuration(finishedWork)) + : callComponentDidMountInDEV(finishedWork, finishedRoot); else { committedLanes = resolveClassComponentProps( finishedWork.type, @@ -11211,36 +11191,23 @@ "Expected %s state to match memoized state before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.", getComponentNameFromFiber(finishedWork) || "instance" )); - if (shouldProfile(finishedWork)) { - try { - startLayoutEffectTimer(), - finishedRoot.componentDidUpdate( - committedLanes, - prevState, - finishedRoot.__reactInternalSnapshotBeforeUpdate - ); - } catch (error$9) { - captureCommitPhaseError( + shouldProfile(finishedWork) + ? (startLayoutEffectTimer(), + callComponentDidUpdateInDEV( finishedWork, - finishedWork.return, - error$9 - ); - } - recordLayoutEffectDuration(finishedWork); - } else - try { - finishedRoot.componentDidUpdate( + finishedRoot, committedLanes, prevState, finishedRoot.__reactInternalSnapshotBeforeUpdate - ); - } catch (error$10) { - captureCommitPhaseError( + ), + recordLayoutEffectDuration(finishedWork)) + : callComponentDidUpdateInDEV( finishedWork, - finishedWork.return, - error$10 + finishedRoot, + committedLanes, + prevState, + finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } } flags & 64 && commitClassCallbacks(finishedWork); flags & 512 && safelyAttachRef(finishedWork, finishedWork.return); @@ -11571,7 +11538,7 @@ void 0 !== destroy && ((tag & Insertion) !== NoFlags ? ((inst.destroy = void 0), - safelyCallDestroy( + callDestroyInDEV( deletedFiber, nearestMountedAncestor, destroy @@ -11581,14 +11548,14 @@ shouldProfile(deletedFiber) ? (startLayoutEffectTimer(), (inst.destroy = void 0), - safelyCallDestroy( + callDestroyInDEV( deletedFiber, nearestMountedAncestor, destroy ), recordLayoutEffectDuration(deletedFiber)) : ((inst.destroy = void 0), - safelyCallDestroy( + callDestroyInDEV( deletedFiber, nearestMountedAncestor, destroy @@ -11604,21 +11571,15 @@ ); break; case 1: - if ( - !offscreenSubtreeWasHidden && + offscreenSubtreeWasHidden || (safelyDetachRef(deletedFiber, nearestMountedAncestor), (prevHostParent = deletedFiber.stateNode), - "function" === typeof prevHostParent.componentWillUnmount) - ) - try { - callComponentWillUnmountWithTimer(deletedFiber, prevHostParent); - } catch (error) { - captureCommitPhaseError( + "function" === typeof prevHostParent.componentWillUnmount && + safelyCallComponentWillUnmount( deletedFiber, nearestMountedAncestor, - error - ); - } + prevHostParent + )); recursivelyTraverseDeletionEffects( finishedRoot, nearestMountedAncestor, @@ -11807,11 +11768,11 @@ finishedWork, finishedWork.return ); - } catch (error$12) { + } catch (error$9) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$12 + error$9 ); } recordLayoutEffectDuration(finishedWork); @@ -11822,11 +11783,11 @@ finishedWork, finishedWork.return ); - } catch (error$13) { + } catch (error$10) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$13 + error$10 ); } } @@ -12012,11 +11973,11 @@ newProps ); domElement[internalPropsKey] = newProps; - } catch (error$14) { + } catch (error$11) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$14 + error$11 ); } break; @@ -12072,11 +12033,11 @@ root = finishedWork.stateNode; try { setTextContent(root, ""); - } catch (error$15) { + } catch (error$12) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$15 + error$12 ); } } @@ -12087,11 +12048,11 @@ try { updateProperties(root, hoistableRoot, current, lanes), (root[internalPropsKey] = lanes); - } catch (error$16) { + } catch (error$13) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$16 + error$13 ); } } @@ -12114,11 +12075,11 @@ current = finishedWork.memoizedProps; try { flags.nodeValue = current; - } catch (error$17) { + } catch (error$14) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$17 + error$14 ); } } @@ -12137,11 +12098,11 @@ ) try { retryIfBlockedOn(root.containerInfo); - } catch (error$18) { + } catch (error$15) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$18 + error$15 ); } needsFormReset && @@ -12238,11 +12199,11 @@ root.stateNode.nodeValue = domElement ? "" : root.memoizedProps; - } catch (error$11) { + } catch (error$8) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$11 + error$8 ); } } else if ( @@ -12410,18 +12371,12 @@ case 1: safelyDetachRef(finishedWork, finishedWork.return); var instance = finishedWork.stateNode; - if ("function" === typeof instance.componentWillUnmount) { - var nearestMountedAncestor = finishedWork.return; - try { - callComponentWillUnmountWithTimer(finishedWork, instance); - } catch (error) { - captureCommitPhaseError( - finishedWork, - nearestMountedAncestor, - error - ); - } - } + "function" === typeof instance.componentWillUnmount && + safelyCallComponentWillUnmount( + finishedWork, + finishedWork.return, + instance + ); recursivelyTraverseDisappearLayoutEffects(finishedWork); break; case 26: @@ -12572,8 +12527,8 @@ } else try { commitHookEffectListMount(hookFlags, finishedWork); - } catch (error$20) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$20); + } catch (error$17) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$17); } } function commitOffscreenPassiveMountEffects(current, finishedWork) { @@ -14834,8 +14789,8 @@ } workLoopSync(); break; - } catch (thrownValue$22) { - handleThrow(root, thrownValue$22); + } catch (thrownValue$19) { + handleThrow(root, thrownValue$19); } while (1); lanes && root.shellSuspendCounter++; @@ -14975,8 +14930,8 @@ ? workLoopSync() : workLoopConcurrent(); break; - } catch (thrownValue$23) { - handleThrow(root, thrownValue$23); + } catch (thrownValue$20) { + handleThrow(root, thrownValue$20); } while (1); resetContextDependencies(); @@ -22338,6 +22293,87 @@ } }, callRenderInDEV = callRender["react-stack-bottom-frame"].bind(callRender), + callComponentDidMount = { + "react-stack-bottom-frame": function (finishedWork, instance) { + try { + instance.componentDidMount(); + } catch (error) { + captureCommitPhaseError(finishedWork, finishedWork.return, error); + } + } + }, + callComponentDidMountInDEV = callComponentDidMount[ + "react-stack-bottom-frame" + ].bind(callComponentDidMount), + callComponentDidUpdate = { + "react-stack-bottom-frame": function ( + finishedWork, + instance, + prevProps, + prevState, + snapshot + ) { + try { + instance.componentDidUpdate(prevProps, prevState, snapshot); + } catch (error) { + captureCommitPhaseError(finishedWork, finishedWork.return, error); + } + } + }, + callComponentDidUpdateInDEV = callComponentDidUpdate[ + "react-stack-bottom-frame" + ].bind(callComponentDidUpdate), + callComponentDidCatch = { + "react-stack-bottom-frame": function (instance, errorInfo) { + var stack = errorInfo.stack; + instance.componentDidCatch(errorInfo.value, { + componentStack: null !== stack ? stack : "" + }); + } + }, + callComponentDidCatchInDEV = callComponentDidCatch[ + "react-stack-bottom-frame" + ].bind(callComponentDidCatch), + callComponentWillUnmount = { + "react-stack-bottom-frame": function ( + current, + nearestMountedAncestor, + instance + ) { + try { + instance.componentWillUnmount(); + } catch (error) { + captureCommitPhaseError(current, nearestMountedAncestor, error); + } + } + }, + callComponentWillUnmountInDEV = callComponentWillUnmount[ + "react-stack-bottom-frame" + ].bind(callComponentWillUnmount), + callCreate = { + "react-stack-bottom-frame": function (effect) { + var create = effect.create; + effect = effect.inst; + create = create(); + return (effect.destroy = create); + } + }, + callCreateInDEV = callCreate["react-stack-bottom-frame"].bind(callCreate), + callDestroy = { + "react-stack-bottom-frame": function ( + current, + nearestMountedAncestor, + destroy + ) { + try { + destroy(); + } catch (error) { + captureCommitPhaseError(current, nearestMountedAncestor, error); + } + } + }, + callDestroyInDEV = + callDestroy["react-stack-bottom-frame"].bind(callDestroy), callLazyInit = { "react-stack-bottom-frame": function (lazy) { var init = lazy._init; @@ -23708,7 +23744,7 @@ var nonExtensibleObject = Object.preventExtensions({}); new Map([[nonExtensibleObject, null]]); new Set([nonExtensibleObject]); - } catch (e$21) { + } catch (e$18) { hasBadMapPolyfill = !0; } var DefaultAsyncDispatcher = { @@ -24326,11 +24362,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-rc-f6cce072-20240723" !== isomorphicReactPackageVersion) + if ("19.0.0-rc-76002254-20240724" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.0.0-rc-f6cce072-20240723\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-rc-76002254-20240724\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -24385,12 +24421,12 @@ scheduleRoot: scheduleRoot, setRefreshHandler: setRefreshHandler, getCurrentFiber: getCurrentFiberForDevTools, - reconcilerVersion: "19.0.0-rc-f6cce072-20240723" + reconcilerVersion: "19.0.0-rc-76002254-20240724" }); })({ findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 1, - version: "19.0.0-rc-f6cce072-20240723", + version: "19.0.0-rc-76002254-20240724", rendererPackageName: "react-dom" }) && canUseDOM && @@ -24520,7 +24556,7 @@ listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; - exports.version = "19.0.0-rc-f6cce072-20240723"; + exports.version = "19.0.0-rc-76002254-20240724"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js index 10fd4d058248cf..10f6aa27379c91 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-client.production.js @@ -64,7 +64,57 @@ function getIteratorFn(maybeIterable) { maybeIterable["@@iterator"]; return "function" === typeof maybeIterable ? maybeIterable : null; } -Symbol.for("react.client.reference"); +var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"); +function getComponentNameFromType(type) { + if (null == type) return null; + if ("function" === typeof type) + return type.$$typeof === REACT_CLIENT_REFERENCE + ? null + : type.displayName || type.name || null; + if ("string" === typeof type) return type; + switch (type) { + case REACT_FRAGMENT_TYPE: + return "Fragment"; + case REACT_PORTAL_TYPE: + return "Portal"; + case REACT_PROFILER_TYPE: + return "Profiler"; + case REACT_STRICT_MODE_TYPE: + return "StrictMode"; + case REACT_SUSPENSE_TYPE: + return "Suspense"; + case REACT_SUSPENSE_LIST_TYPE: + return "SuspenseList"; + } + if ("object" === typeof type) + switch (type.$$typeof) { + case REACT_CONTEXT_TYPE: + return (type.displayName || "Context") + ".Provider"; + case REACT_CONSUMER_TYPE: + return (type._context.displayName || "Context") + ".Consumer"; + case REACT_FORWARD_REF_TYPE: + var innerType = type.render; + type = type.displayName; + type || + ((type = innerType.displayName || innerType.name || ""), + (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef")); + return type; + case REACT_MEMO_TYPE: + return ( + (innerType = type.displayName || null), + null !== innerType + ? innerType + : getComponentNameFromType(type.type) || "Memo" + ); + case REACT_LAZY_TYPE: + innerType = type._payload; + type = type._init; + try { + return getComponentNameFromType(type(innerType)); + } catch (x) {} + } + return null; +} var ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, assign = Object.assign, @@ -1915,19 +1965,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$283; + var JSCompiler_inline_result$jscomp$284; if (canUseDOM) { - var isSupported$jscomp$inline_416 = "oninput" in document; - if (!isSupported$jscomp$inline_416) { - var element$jscomp$inline_417 = document.createElement("div"); - element$jscomp$inline_417.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_416 = - "function" === typeof element$jscomp$inline_417.oninput; + var isSupported$jscomp$inline_417 = "oninput" in document; + if (!isSupported$jscomp$inline_417) { + var element$jscomp$inline_418 = document.createElement("div"); + element$jscomp$inline_418.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_417 = + "function" === typeof element$jscomp$inline_418.oninput; } - JSCompiler_inline_result$jscomp$283 = isSupported$jscomp$inline_416; - } else JSCompiler_inline_result$jscomp$283 = !1; + JSCompiler_inline_result$jscomp$284 = isSupported$jscomp$inline_417; + } else JSCompiler_inline_result$jscomp$284 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$283 && + JSCompiler_inline_result$jscomp$284 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -6379,7 +6429,9 @@ function beginWork(current, workInProgress, renderLanes) { ); break a; } - throw Error(formatProdErrorMessage(306, lazyComponent, "")); + workInProgress = + getComponentNameFromType(lazyComponent) || lazyComponent; + throw Error(formatProdErrorMessage(306, workInProgress, "")); } } return workInProgress; @@ -7259,9 +7311,9 @@ function resolveClassComponentProps(Component, baseProps) { } if ((Component = Component.defaultProps)) { newProps === baseProps && (newProps = assign({}, newProps)); - for (var propName$107 in Component) - void 0 === newProps[propName$107] && - (newProps[propName$107] = Component[propName$107]); + for (var propName$108 in Component) + void 0 === newProps[propName$108] && + (newProps[propName$108] = Component[propName$108]); } return newProps; } @@ -7270,13 +7322,21 @@ var offscreenSubtreeIsHidden = !1, needsFormReset = !1, PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set, nextEffect = null; -function callComponentWillUnmountWithTimer(current, instance) { +function safelyCallComponentWillUnmount( + current, + nearestMountedAncestor, + instance +) { instance.props = resolveClassComponentProps( current.type, current.memoizedProps ); instance.state = current.memoizedState; - instance.componentWillUnmount(); + try { + instance.componentWillUnmount(); + } catch (error) { + captureCommitPhaseError(current, nearestMountedAncestor, error); + } } function safelyAttachRef(current, nearestMountedAncestor) { try { @@ -7317,8 +7377,8 @@ function safelyDetachRef(current, nearestMountedAncestor) { else if ("function" === typeof ref) try { ref(null); - } catch (error$108) { - captureCommitPhaseError(current, nearestMountedAncestor, error$108); + } catch (error$109) { + captureCommitPhaseError(current, nearestMountedAncestor, error$109); } else ref.current = null; } @@ -7504,10 +7564,10 @@ function commitHookEffectListMount(flags, finishedWork) { var effect = (finishedWork = finishedWork.next); do { if ((effect.tag & flags) === flags) { - var create = effect.create, - inst = effect.inst; - create = create(); - inst.destroy = create; + var destroy = effect.create; + var inst = effect.inst; + destroy = destroy(); + inst.destroy = destroy; } effect = effect.next; } while (effect !== finishedWork); @@ -7580,11 +7640,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { current, finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } catch (error$110) { + } catch (error$111) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$110 + error$111 ); } } @@ -7887,17 +7947,15 @@ function commitDeletionEffectsOnFiber( ); break; case 1: - if ( - !offscreenSubtreeWasHidden && + offscreenSubtreeWasHidden || (safelyDetachRef(deletedFiber, nearestMountedAncestor), (prevHostParent = deletedFiber.stateNode), - "function" === typeof prevHostParent.componentWillUnmount) - ) - try { - callComponentWillUnmountWithTimer(deletedFiber, prevHostParent); - } catch (error) { - captureCommitPhaseError(deletedFiber, nearestMountedAncestor, error); - } + "function" === typeof prevHostParent.componentWillUnmount && + safelyCallComponentWillUnmount( + deletedFiber, + nearestMountedAncestor, + prevHostParent + )); recursivelyTraverseDeletionEffects( finishedRoot, nearestMountedAncestor, @@ -8037,8 +8095,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { } try { commitHookEffectListUnmount(5, finishedWork, finishedWork.return); - } catch (error$122) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$122); + } catch (error$123) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$123); } } break; @@ -8211,11 +8269,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) { newProps ); domElement[internalPropsKey] = newProps; - } catch (error$123) { + } catch (error$124) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$123 + error$124 ); } break; @@ -8252,8 +8310,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { root = finishedWork.stateNode; try { setTextContent(root, ""); - } catch (error$124) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$124); + } catch (error$125) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$125); } } if (flags & 4 && ((root = finishedWork.stateNode), null != root)) { @@ -8263,8 +8321,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { try { updateProperties(root, maybeNodes, current, hoistableRoot), (root[internalPropsKey] = hoistableRoot); - } catch (error$126) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$126); + } catch (error$127) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$127); } } flags & 1024 && (needsFormReset = !0); @@ -8279,8 +8337,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { current = finishedWork.memoizedProps; try { flags.nodeValue = current; - } catch (error$127) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$127); + } catch (error$128) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$128); } } break; @@ -8294,8 +8352,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { if (flags & 4 && null !== current && current.memoizedState.isDehydrated) try { retryIfBlockedOn(root.containerInfo); - } catch (error$128) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$128); + } catch (error$129) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$129); } needsFormReset && ((needsFormReset = !1), recursivelyResetForms(finishedWork)); @@ -8389,11 +8447,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) { if (null === current) try { root.stateNode.nodeValue = domElement ? "" : root.memoizedProps; - } catch (error$112) { + } catch (error$113) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$112 + error$113 ); } } else if ( @@ -8462,21 +8520,21 @@ function commitReconciliationEffects(finishedWork) { insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0); break; case 5: - var parent$113 = JSCompiler_inline_result.stateNode; + var parent$114 = JSCompiler_inline_result.stateNode; JSCompiler_inline_result.flags & 32 && - (setTextContent(parent$113, ""), + (setTextContent(parent$114, ""), (JSCompiler_inline_result.flags &= -33)); - var before$114 = getHostSibling(finishedWork); - insertOrAppendPlacementNode(finishedWork, before$114, parent$113); + var before$115 = getHostSibling(finishedWork); + insertOrAppendPlacementNode(finishedWork, before$115, parent$114); break; case 3: case 4: - var parent$115 = JSCompiler_inline_result.stateNode.containerInfo, - before$116 = getHostSibling(finishedWork); + var parent$116 = JSCompiler_inline_result.stateNode.containerInfo, + before$117 = getHostSibling(finishedWork); insertOrAppendPlacementNodeIntoContainer( finishedWork, - before$116, - parent$115 + before$117, + parent$116 ); break; default: @@ -8519,15 +8577,12 @@ function recursivelyTraverseDisappearLayoutEffects(parentFiber) { case 1: safelyDetachRef(finishedWork, finishedWork.return); var instance = finishedWork.stateNode; - if ("function" === typeof instance.componentWillUnmount) { - var current = finishedWork, - nearestMountedAncestor = finishedWork.return; - try { - callComponentWillUnmountWithTimer(current, instance); - } catch (error) { - captureCommitPhaseError(current, nearestMountedAncestor, error); - } - } + "function" === typeof instance.componentWillUnmount && + safelyCallComponentWillUnmount( + finishedWork, + finishedWork.return, + instance + ); recursivelyTraverseDisappearLayoutEffects(finishedWork); break; case 26: @@ -9357,14 +9412,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) { break; case "collapsed": lastTailNode = renderState.tail; - for (var lastTailNode$138 = null; null !== lastTailNode; ) - null !== lastTailNode.alternate && (lastTailNode$138 = lastTailNode), + for (var lastTailNode$139 = null; null !== lastTailNode; ) + null !== lastTailNode.alternate && (lastTailNode$139 = lastTailNode), (lastTailNode = lastTailNode.sibling); - null === lastTailNode$138 + null === lastTailNode$139 ? hasRenderedATailFallback || null === renderState.tail ? (renderState.tail = null) : (renderState.tail.sibling = null) - : (lastTailNode$138.sibling = null); + : (lastTailNode$139.sibling = null); } } function bubbleProperties(completedWork) { @@ -9374,19 +9429,19 @@ function bubbleProperties(completedWork) { newChildLanes = 0, subtreeFlags = 0; if (didBailout) - for (var child$139 = completedWork.child; null !== child$139; ) - (newChildLanes |= child$139.lanes | child$139.childLanes), - (subtreeFlags |= child$139.subtreeFlags & 31457280), - (subtreeFlags |= child$139.flags & 31457280), - (child$139.return = completedWork), - (child$139 = child$139.sibling); + for (var child$140 = completedWork.child; null !== child$140; ) + (newChildLanes |= child$140.lanes | child$140.childLanes), + (subtreeFlags |= child$140.subtreeFlags & 31457280), + (subtreeFlags |= child$140.flags & 31457280), + (child$140.return = completedWork), + (child$140 = child$140.sibling); else - for (child$139 = completedWork.child; null !== child$139; ) - (newChildLanes |= child$139.lanes | child$139.childLanes), - (subtreeFlags |= child$139.subtreeFlags), - (subtreeFlags |= child$139.flags), - (child$139.return = completedWork), - (child$139 = child$139.sibling); + for (child$140 = completedWork.child; null !== child$140; ) + (newChildLanes |= child$140.lanes | child$140.childLanes), + (subtreeFlags |= child$140.subtreeFlags), + (subtreeFlags |= child$140.flags), + (child$140.return = completedWork), + (child$140 = child$140.sibling); completedWork.subtreeFlags |= subtreeFlags; completedWork.childLanes = newChildLanes; return didBailout; @@ -9663,11 +9718,11 @@ function completeWork(current, workInProgress, renderLanes) { null !== newProps.alternate.memoizedState && null !== newProps.alternate.memoizedState.cachePool && (type = newProps.alternate.memoizedState.cachePool.pool); - var cache$151 = null; + var cache$152 = null; null !== newProps.memoizedState && null !== newProps.memoizedState.cachePool && - (cache$151 = newProps.memoizedState.cachePool.pool); - cache$151 !== type && (newProps.flags |= 2048); + (cache$152 = newProps.memoizedState.cachePool.pool); + cache$152 !== type && (newProps.flags |= 2048); } renderLanes !== current && renderLanes && @@ -9692,8 +9747,8 @@ function completeWork(current, workInProgress, renderLanes) { type = workInProgress.memoizedState; if (null === type) return bubbleProperties(workInProgress), null; newProps = 0 !== (workInProgress.flags & 128); - cache$151 = type.rendering; - if (null === cache$151) + cache$152 = type.rendering; + if (null === cache$152) if (newProps) cutOffTailIfNeeded(type, !1); else { if ( @@ -9701,11 +9756,11 @@ function completeWork(current, workInProgress, renderLanes) { (null !== current && 0 !== (current.flags & 128)) ) for (current = workInProgress.child; null !== current; ) { - cache$151 = findFirstSuspended(current); - if (null !== cache$151) { + cache$152 = findFirstSuspended(current); + if (null !== cache$152) { workInProgress.flags |= 128; cutOffTailIfNeeded(type, !1); - current = cache$151.updateQueue; + current = cache$152.updateQueue; workInProgress.updateQueue = current; scheduleRetryEffect(workInProgress, current); workInProgress.subtreeFlags = 0; @@ -9730,7 +9785,7 @@ function completeWork(current, workInProgress, renderLanes) { } else { if (!newProps) - if (((current = findFirstSuspended(cache$151)), null !== current)) { + if (((current = findFirstSuspended(cache$152)), null !== current)) { if ( ((workInProgress.flags |= 128), (newProps = !0), @@ -9740,7 +9795,7 @@ function completeWork(current, workInProgress, renderLanes) { cutOffTailIfNeeded(type, !0), null === type.tail && "hidden" === type.tailMode && - !cache$151.alternate && + !cache$152.alternate && !isHydrating) ) return bubbleProperties(workInProgress), null; @@ -9753,13 +9808,13 @@ function completeWork(current, workInProgress, renderLanes) { cutOffTailIfNeeded(type, !1), (workInProgress.lanes = 4194304)); type.isBackwards - ? ((cache$151.sibling = workInProgress.child), - (workInProgress.child = cache$151)) + ? ((cache$152.sibling = workInProgress.child), + (workInProgress.child = cache$152)) : ((current = type.last), null !== current - ? (current.sibling = cache$151) - : (workInProgress.child = cache$151), - (type.last = cache$151)); + ? (current.sibling = cache$152) + : (workInProgress.child = cache$152), + (type.last = cache$152)); } if (null !== type.tail) return ( @@ -10455,8 +10510,8 @@ function renderRootSync(root, lanes) { } workLoopSync(); break; - } catch (thrownValue$166) { - handleThrow(root, thrownValue$166); + } catch (thrownValue$167) { + handleThrow(root, thrownValue$167); } while (1); lanes && root.shellSuspendCounter++; @@ -10565,8 +10620,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrent(); break; - } catch (thrownValue$168) { - handleThrow(root, thrownValue$168); + } catch (thrownValue$169) { + handleThrow(root, thrownValue$169); } while (1); resetContextDependencies(); @@ -10824,7 +10879,7 @@ function releaseRootPooledCache(root, remainingLanes) { } function flushPassiveEffects() { if (null !== rootWithPendingPassiveEffects) { - var root$172 = rootWithPendingPassiveEffects, + var root$173 = rootWithPendingPassiveEffects, remainingLanes = pendingPassiveEffectsRemainingLanes; pendingPassiveEffectsRemainingLanes = 0; var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes), @@ -10863,7 +10918,7 @@ function flushPassiveEffects() { } finally { (ReactDOMSharedInternals.p = previousPriority), (ReactSharedInternals.T = prevTransition), - releaseRootPooledCache(root$172, remainingLanes); + releaseRootPooledCache(root$173, remainingLanes); } } return !1; @@ -11019,18 +11074,18 @@ function flushSyncWorkOnAllRoots() { isFlushingWork = !0; do { var didPerformSomeWork = !1; - for (var root$174 = firstScheduledRoot; null !== root$174; ) { - var workInProgressRootRenderLanes$176 = workInProgressRootRenderLanes; - workInProgressRootRenderLanes$176 = getNextLanes( - root$174, - root$174 === workInProgressRoot - ? workInProgressRootRenderLanes$176 + for (var root$175 = firstScheduledRoot; null !== root$175; ) { + var workInProgressRootRenderLanes$177 = workInProgressRootRenderLanes; + workInProgressRootRenderLanes$177 = getNextLanes( + root$175, + root$175 === workInProgressRoot + ? workInProgressRootRenderLanes$177 : 0 ); - 0 !== (workInProgressRootRenderLanes$176 & 3) && + 0 !== (workInProgressRootRenderLanes$177 & 3) && ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$174, workInProgressRootRenderLanes$176)); - root$174 = root$174.next; + performSyncWorkOnRoot(root$175, workInProgressRootRenderLanes$177)); + root$175 = root$175.next; } } while (didPerformSomeWork); isFlushingWork = !1; @@ -11241,20 +11296,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1420 = 0; - i$jscomp$inline_1420 < simpleEventPluginEvents.length; - i$jscomp$inline_1420++ + var i$jscomp$inline_1422 = 0; + i$jscomp$inline_1422 < simpleEventPluginEvents.length; + i$jscomp$inline_1422++ ) { - var eventName$jscomp$inline_1421 = - simpleEventPluginEvents[i$jscomp$inline_1420], - domEventName$jscomp$inline_1422 = - eventName$jscomp$inline_1421.toLowerCase(), - capitalizedEvent$jscomp$inline_1423 = - eventName$jscomp$inline_1421[0].toUpperCase() + - eventName$jscomp$inline_1421.slice(1); + var eventName$jscomp$inline_1423 = + simpleEventPluginEvents[i$jscomp$inline_1422], + domEventName$jscomp$inline_1424 = + eventName$jscomp$inline_1423.toLowerCase(), + capitalizedEvent$jscomp$inline_1425 = + eventName$jscomp$inline_1423[0].toUpperCase() + + eventName$jscomp$inline_1423.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1422, - "on" + capitalizedEvent$jscomp$inline_1423 + domEventName$jscomp$inline_1424, + "on" + capitalizedEvent$jscomp$inline_1425 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -12437,34 +12492,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$187 = props[hasSrc]; - if (null != propValue$187) + var propValue$188 = props[hasSrc]; + if (null != propValue$188) switch (hasSrc) { case "name": - hasSrcSet = propValue$187; + hasSrcSet = propValue$188; break; case "type": - propValue = propValue$187; + propValue = propValue$188; break; case "checked": - checked = propValue$187; + checked = propValue$188; break; case "defaultChecked": - defaultChecked = propValue$187; + defaultChecked = propValue$188; break; case "value": - propKey = propValue$187; + propKey = propValue$188; break; case "defaultValue": - defaultValue = propValue$187; + defaultValue = propValue$188; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$187) + if (null != propValue$188) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$187, props, null); + setProp(domElement, tag, hasSrc, propValue$188, props, null); } } initInput( @@ -12601,14 +12656,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$187 in props) - props.hasOwnProperty(propValue$187) && - ((hasSrc = props[propValue$187]), + for (propValue$188 in props) + props.hasOwnProperty(propValue$188) && + ((hasSrc = props[propValue$188]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$187, + propValue$188, hasSrc, props, void 0 @@ -12656,14 +12711,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$204 in nextProps) { - var propKey = nextProps[propKey$204]; - lastProp = lastProps[propKey$204]; + for (var propKey$205 in nextProps) { + var propKey = nextProps[propKey$205]; + lastProp = lastProps[propKey$205]; if ( - nextProps.hasOwnProperty(propKey$204) && + nextProps.hasOwnProperty(propKey$205) && (null != propKey || null != lastProp) ) - switch (propKey$204) { + switch (propKey$205) { case "type": type = propKey; break; @@ -12692,7 +12747,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$204, + propKey$205, propKey, nextProps, lastProp @@ -12711,7 +12766,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$204 = null; + propKey = value = defaultValue = propKey$205 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -12742,7 +12797,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (name) { case "value": - propKey$204 = type; + propKey$205 = type; break; case "defaultValue": defaultValue = type; @@ -12763,15 +12818,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$204 - ? updateOptions(domElement, !!lastProps, propKey$204, !1) + null != propKey$205 + ? updateOptions(domElement, !!lastProps, propKey$205, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$204 = null; + propKey = propKey$205 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -12795,7 +12850,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (value) { case "value": - propKey$204 = name; + propKey$205 = name; break; case "defaultValue": propKey = name; @@ -12809,17 +12864,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$204, propKey); + updateTextarea(domElement, propKey$205, propKey); return; case "option": - for (var propKey$220 in lastProps) + for (var propKey$221 in lastProps) if ( - ((propKey$204 = lastProps[propKey$220]), - lastProps.hasOwnProperty(propKey$220) && - null != propKey$204 && - !nextProps.hasOwnProperty(propKey$220)) + ((propKey$205 = lastProps[propKey$221]), + lastProps.hasOwnProperty(propKey$221) && + null != propKey$205 && + !nextProps.hasOwnProperty(propKey$221)) ) - switch (propKey$220) { + switch (propKey$221) { case "selected": domElement.selected = !1; break; @@ -12827,33 +12882,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$220, + propKey$221, null, nextProps, - propKey$204 + propKey$205 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$204 = nextProps[lastDefaultValue]), + ((propKey$205 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$204 !== propKey && - (null != propKey$204 || null != propKey)) + propKey$205 !== propKey && + (null != propKey$205 || null != propKey)) ) switch (lastDefaultValue) { case "selected": domElement.selected = - propKey$204 && - "function" !== typeof propKey$204 && - "symbol" !== typeof propKey$204; + propKey$205 && + "function" !== typeof propKey$205 && + "symbol" !== typeof propKey$205; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$204, + propKey$205, nextProps, propKey ); @@ -12874,24 +12929,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$225 in lastProps) - (propKey$204 = lastProps[propKey$225]), - lastProps.hasOwnProperty(propKey$225) && - null != propKey$204 && - !nextProps.hasOwnProperty(propKey$225) && - setProp(domElement, tag, propKey$225, null, nextProps, propKey$204); + for (var propKey$226 in lastProps) + (propKey$205 = lastProps[propKey$226]), + lastProps.hasOwnProperty(propKey$226) && + null != propKey$205 && + !nextProps.hasOwnProperty(propKey$226) && + setProp(domElement, tag, propKey$226, null, nextProps, propKey$205); for (checked in nextProps) if ( - ((propKey$204 = nextProps[checked]), + ((propKey$205 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$204 !== propKey && - (null != propKey$204 || null != propKey)) + propKey$205 !== propKey && + (null != propKey$205 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$204) + if (null != propKey$205) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -12899,7 +12954,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$204, + propKey$205, nextProps, propKey ); @@ -12907,49 +12962,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$230 in lastProps) - (propKey$204 = lastProps[propKey$230]), - lastProps.hasOwnProperty(propKey$230) && - void 0 !== propKey$204 && - !nextProps.hasOwnProperty(propKey$230) && + for (var propKey$231 in lastProps) + (propKey$205 = lastProps[propKey$231]), + lastProps.hasOwnProperty(propKey$231) && + void 0 !== propKey$205 && + !nextProps.hasOwnProperty(propKey$231) && setPropOnCustomElement( domElement, tag, - propKey$230, + propKey$231, void 0, nextProps, - propKey$204 + propKey$205 ); for (defaultChecked in nextProps) - (propKey$204 = nextProps[defaultChecked]), + (propKey$205 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$204 === propKey || - (void 0 === propKey$204 && void 0 === propKey) || + propKey$205 === propKey || + (void 0 === propKey$205 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$204, + propKey$205, nextProps, propKey ); return; } } - for (var propKey$235 in lastProps) - (propKey$204 = lastProps[propKey$235]), - lastProps.hasOwnProperty(propKey$235) && - null != propKey$204 && - !nextProps.hasOwnProperty(propKey$235) && - setProp(domElement, tag, propKey$235, null, nextProps, propKey$204); + for (var propKey$236 in lastProps) + (propKey$205 = lastProps[propKey$236]), + lastProps.hasOwnProperty(propKey$236) && + null != propKey$205 && + !nextProps.hasOwnProperty(propKey$236) && + setProp(domElement, tag, propKey$236, null, nextProps, propKey$205); for (lastProp in nextProps) - (propKey$204 = nextProps[lastProp]), + (propKey$205 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$204 === propKey || - (null == propKey$204 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$204, nextProps, propKey); + propKey$205 === propKey || + (null == propKey$205 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$205, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -13494,26 +13549,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$243 = getResourcesFromRoot( + var styles$244 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$244 = styles$243.get(type); - resource$244 || + resource$245 = styles$244.get(type); + resource$245 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$244 = { + (resource$245 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$243.set(type, resource$244), - (styles$243 = JSCompiler_inline_result.querySelector( + styles$244.set(type, resource$245), + (styles$244 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$243._p && - ((resource$244.instance = styles$243), - (resource$244.state.loading = 5)), + !styles$244._p && + ((resource$245.instance = styles$244), + (resource$245.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -13526,16 +13581,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$243 || + styles$244 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$244.state + resource$245.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$244; + return resource$245; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -13632,37 +13687,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$249 = hoistableRoot.querySelector( + var instance$250 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$249) + if (instance$250) return ( (resource.state.loading |= 4), - (resource.instance = instance$249), - markNodeAsHoistable(instance$249), - instance$249 + (resource.instance = instance$250), + markNodeAsHoistable(instance$250), + instance$250 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$249 = ( + instance$250 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$249); - var linkInstance = instance$249; + markNodeAsHoistable(instance$250); + var linkInstance = instance$250; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$249, "link", instance); + setInitialProperties(instance$250, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$249, props.precedence, hoistableRoot); - return (resource.instance = instance$249); + insertStylesheet(instance$250, props.precedence, hoistableRoot); + return (resource.instance = instance$250); case "script": - instance$249 = getScriptKey(props.src); + instance$250 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$249) + getScriptSelectorFromKey(instance$250) )) ) return ( @@ -13671,7 +13726,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$249))) + if ((styleProps = preloadPropsMap.get(instance$250))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -14690,16 +14745,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_1668 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1670 = React.version; if ( - "19.0.0-rc-f6cce072-20240723" !== - isomorphicReactPackageVersion$jscomp$inline_1668 + "19.0.0-rc-76002254-20240724" !== + isomorphicReactPackageVersion$jscomp$inline_1670 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1668, - "19.0.0-rc-f6cce072-20240723" + isomorphicReactPackageVersion$jscomp$inline_1670, + "19.0.0-rc-76002254-20240724" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -14715,17 +14770,17 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var devToolsConfig$jscomp$inline_1675 = { +var devToolsConfig$jscomp$inline_1677 = { findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 0, - version: "19.0.0-rc-f6cce072-20240723", + version: "19.0.0-rc-76002254-20240724", rendererPackageName: "react-dom" }; -var internals$jscomp$inline_2053 = { - bundleType: devToolsConfig$jscomp$inline_1675.bundleType, - version: devToolsConfig$jscomp$inline_1675.version, - rendererPackageName: devToolsConfig$jscomp$inline_1675.rendererPackageName, - rendererConfig: devToolsConfig$jscomp$inline_1675.rendererConfig, +var internals$jscomp$inline_2043 = { + bundleType: devToolsConfig$jscomp$inline_1677.bundleType, + version: devToolsConfig$jscomp$inline_1677.version, + rendererPackageName: devToolsConfig$jscomp$inline_1677.rendererPackageName, + rendererConfig: devToolsConfig$jscomp$inline_1677.rendererConfig, overrideHookState: null, overrideHookStateDeletePath: null, overrideHookStateRenamePath: null, @@ -14741,26 +14796,26 @@ var internals$jscomp$inline_2053 = { return null === fiber ? null : fiber.stateNode; }, findFiberByHostInstance: - devToolsConfig$jscomp$inline_1675.findFiberByHostInstance || + devToolsConfig$jscomp$inline_1677.findFiberByHostInstance || emptyFindFiberByHostInstance, findHostInstancesForRefresh: null, scheduleRefresh: null, scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "19.0.0-rc-f6cce072-20240723" + reconcilerVersion: "19.0.0-rc-76002254-20240724" }; if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) { - var hook$jscomp$inline_2054 = __REACT_DEVTOOLS_GLOBAL_HOOK__; + var hook$jscomp$inline_2044 = __REACT_DEVTOOLS_GLOBAL_HOOK__; if ( - !hook$jscomp$inline_2054.isDisabled && - hook$jscomp$inline_2054.supportsFiber + !hook$jscomp$inline_2044.isDisabled && + hook$jscomp$inline_2044.supportsFiber ) try { - (rendererID = hook$jscomp$inline_2054.inject( - internals$jscomp$inline_2053 + (rendererID = hook$jscomp$inline_2044.inject( + internals$jscomp$inline_2043 )), - (injectedHook = hook$jscomp$inline_2054); + (injectedHook = hook$jscomp$inline_2044); } catch (err) {} } exports.createRoot = function (container, options) { @@ -14854,4 +14909,4 @@ exports.hydrateRoot = function (container, initialChildren, options) { listenToAllSupportedEvents(container); return new ReactDOMHydrationRoot(initialChildren); }; -exports.version = "19.0.0-rc-f6cce072-20240723"; +exports.version = "19.0.0-rc-76002254-20240724"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js index 01464c8c8ed960..69e1171489de62 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.development.js @@ -7465,10 +7465,7 @@ (null === legacyErrorBoundariesThatAlreadyFailed ? (legacyErrorBoundariesThatAlreadyFailed = new Set([this])) : legacyErrorBoundariesThatAlreadyFailed.add(this)); - var stack = errorInfo.stack; - this.componentDidCatch(errorInfo.value, { - componentStack: null !== stack ? stack : "" - }); + callComponentDidCatchInDEV(this, errorInfo); "function" === typeof getDerivedStateFromError || (0 === (fiber.lanes & SyncLane) && console.error( @@ -9544,6 +9541,7 @@ current.$$typeof === REACT_LAZY_TYPE && (workInProgress = " Did you wrap a component in React.lazy() more than once?"); + current = getComponentNameFromType(current) || current; throw Error( "Element type is invalid. Received a promise that resolves to: " + current + @@ -10660,19 +10658,29 @@ (executionContext & CommitContext) !== NoContext ); } - function callComponentWillUnmountWithTimer(current, instance) { + function safelyCallComponentWillUnmount( + current, + nearestMountedAncestor, + instance + ) { instance.props = resolveClassComponentProps( current.type, current.memoizedProps ); instance.state = current.memoizedState; - if (shouldProfile(current)) - try { - startLayoutEffectTimer(), instance.componentWillUnmount(); - } finally { - recordLayoutEffectDuration(current); - } - else instance.componentWillUnmount(); + shouldProfile(current) + ? (startLayoutEffectTimer(), + callComponentWillUnmountInDEV( + current, + nearestMountedAncestor, + instance + ), + recordLayoutEffectDuration(current)) + : callComponentWillUnmountInDEV( + current, + nearestMountedAncestor, + instance + ); } function safelyAttachRef(current, nearestMountedAncestor) { try { @@ -10745,13 +10753,6 @@ } else ref.current = null; } - function safelyCallDestroy(current, nearestMountedAncestor, destroy) { - try { - destroy(); - } catch (error) { - captureCommitPhaseError(current, nearestMountedAncestor, error); - } - } function commitBeforeMutationEffects(root, firstChild) { eventsEnabled = _enabled; root = getActiveElementDeep(); @@ -10957,7 +10958,7 @@ markComponentLayoutEffectUnmountStarted(finishedWork), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0), - safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy), + callDestroyInDEV(finishedWork, nearestMountedAncestor, destroy), (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !1), (flags & Passive) !== NoFlags @@ -10993,11 +10994,8 @@ injectedProfilingHooks.markComponentLayoutEffectMountStarted( finishedWork ); - var create = effect.create; (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !0); - var inst = effect.inst; - create = create(); - inst.destroy = create; + var destroy = callCreateInDEV(effect); (flags & Insertion) !== NoFlags && (isRunningInsertionEffect = !1); (flags & Passive) !== NoFlags ? null !== injectedProfilingHooks && @@ -11009,27 +11007,27 @@ "function" === typeof injectedProfilingHooks.markComponentLayoutEffectMountStopped && injectedProfilingHooks.markComponentLayoutEffectMountStopped(); - void 0 !== create && - "function" !== typeof create && - ((inst = + if (void 0 !== destroy && "function" !== typeof destroy) { + var hookName = 0 !== (effect.tag & Layout) ? "useLayoutEffect" : 0 !== (effect.tag & Insertion) ? "useInsertionEffect" - : "useEffect"), + : "useEffect"; console.error( "%s must not return anything besides a function, which is used for clean-up.%s", - inst, - null === create + hookName, + null === destroy ? " You returned null. If your effect does not require clean up, return undefined (or nothing)." - : "function" === typeof create.then + : "function" === typeof destroy.then ? "\n\nIt looks like you wrote " + - inst + + hookName + "(async () => ...) or returned a Promise. Instead, write the async function inside your effect and call it immediately:\n\n" + - inst + + hookName + "(() => {\n async function fetchData() {\n // You can await here\n const response = await MyAPI.getData(someId);\n // ...\n }\n fetchData();\n}, [someId]); // Or [] if effect doesn't need props or state\n\nLearn more about data fetching with Hooks: https://react.dev/link/hooks-data-fetching" - : " You returned: " + create - )); + : " You returned: " + destroy + ); + } } effect = effect.next; } while (effect !== updateQueue); @@ -11164,42 +11162,24 @@ ); if (flags & 4) if (((finishedRoot = finishedWork.stateNode), null === current)) - if ( - (finishedWork.type.defaultProps || - "ref" in finishedWork.memoizedProps || - didWarnAboutReassigningProps || - (finishedRoot.props !== finishedWork.memoizedProps && - console.error( - "Expected %s props to match memoized props before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.", - getComponentNameFromFiber(finishedWork) || "instance" - ), - finishedRoot.state !== finishedWork.memoizedState && - console.error( - "Expected %s state to match memoized state before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.", - getComponentNameFromFiber(finishedWork) || "instance" - )), - shouldProfile(finishedWork)) - ) { - try { - startLayoutEffectTimer(), finishedRoot.componentDidMount(); - } catch (error) { - captureCommitPhaseError( - finishedWork, - finishedWork.return, - error - ); - } - recordLayoutEffectDuration(finishedWork); - } else - try { - finishedRoot.componentDidMount(); - } catch (error$8) { - captureCommitPhaseError( - finishedWork, - finishedWork.return, - error$8 - ); - } + finishedWork.type.defaultProps || + "ref" in finishedWork.memoizedProps || + didWarnAboutReassigningProps || + (finishedRoot.props !== finishedWork.memoizedProps && + console.error( + "Expected %s props to match memoized props before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.", + getComponentNameFromFiber(finishedWork) || "instance" + ), + finishedRoot.state !== finishedWork.memoizedState && + console.error( + "Expected %s state to match memoized state before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.", + getComponentNameFromFiber(finishedWork) || "instance" + )), + shouldProfile(finishedWork) + ? (startLayoutEffectTimer(), + callComponentDidMountInDEV(finishedWork, finishedRoot), + recordLayoutEffectDuration(finishedWork)) + : callComponentDidMountInDEV(finishedWork, finishedRoot); else { committedLanes = resolveClassComponentProps( finishedWork.type, @@ -11219,36 +11199,23 @@ "Expected %s state to match memoized state before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.", getComponentNameFromFiber(finishedWork) || "instance" )); - if (shouldProfile(finishedWork)) { - try { - startLayoutEffectTimer(), - finishedRoot.componentDidUpdate( - committedLanes, - prevState, - finishedRoot.__reactInternalSnapshotBeforeUpdate - ); - } catch (error$9) { - captureCommitPhaseError( + shouldProfile(finishedWork) + ? (startLayoutEffectTimer(), + callComponentDidUpdateInDEV( finishedWork, - finishedWork.return, - error$9 - ); - } - recordLayoutEffectDuration(finishedWork); - } else - try { - finishedRoot.componentDidUpdate( + finishedRoot, committedLanes, prevState, finishedRoot.__reactInternalSnapshotBeforeUpdate - ); - } catch (error$10) { - captureCommitPhaseError( + ), + recordLayoutEffectDuration(finishedWork)) + : callComponentDidUpdateInDEV( finishedWork, - finishedWork.return, - error$10 + finishedRoot, + committedLanes, + prevState, + finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } } flags & 64 && commitClassCallbacks(finishedWork); flags & 512 && safelyAttachRef(finishedWork, finishedWork.return); @@ -11579,7 +11546,7 @@ void 0 !== destroy && ((tag & Insertion) !== NoFlags ? ((inst.destroy = void 0), - safelyCallDestroy( + callDestroyInDEV( deletedFiber, nearestMountedAncestor, destroy @@ -11589,14 +11556,14 @@ shouldProfile(deletedFiber) ? (startLayoutEffectTimer(), (inst.destroy = void 0), - safelyCallDestroy( + callDestroyInDEV( deletedFiber, nearestMountedAncestor, destroy ), recordLayoutEffectDuration(deletedFiber)) : ((inst.destroy = void 0), - safelyCallDestroy( + callDestroyInDEV( deletedFiber, nearestMountedAncestor, destroy @@ -11612,21 +11579,15 @@ ); break; case 1: - if ( - !offscreenSubtreeWasHidden && + offscreenSubtreeWasHidden || (safelyDetachRef(deletedFiber, nearestMountedAncestor), (prevHostParent = deletedFiber.stateNode), - "function" === typeof prevHostParent.componentWillUnmount) - ) - try { - callComponentWillUnmountWithTimer(deletedFiber, prevHostParent); - } catch (error) { - captureCommitPhaseError( + "function" === typeof prevHostParent.componentWillUnmount && + safelyCallComponentWillUnmount( deletedFiber, nearestMountedAncestor, - error - ); - } + prevHostParent + )); recursivelyTraverseDeletionEffects( finishedRoot, nearestMountedAncestor, @@ -11815,11 +11776,11 @@ finishedWork, finishedWork.return ); - } catch (error$12) { + } catch (error$9) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$12 + error$9 ); } recordLayoutEffectDuration(finishedWork); @@ -11830,11 +11791,11 @@ finishedWork, finishedWork.return ); - } catch (error$13) { + } catch (error$10) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$13 + error$10 ); } } @@ -12020,11 +11981,11 @@ newProps ); domElement[internalPropsKey] = newProps; - } catch (error$14) { + } catch (error$11) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$14 + error$11 ); } break; @@ -12080,11 +12041,11 @@ root = finishedWork.stateNode; try { setTextContent(root, ""); - } catch (error$15) { + } catch (error$12) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$15 + error$12 ); } } @@ -12095,11 +12056,11 @@ try { updateProperties(root, hoistableRoot, current, lanes), (root[internalPropsKey] = lanes); - } catch (error$16) { + } catch (error$13) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$16 + error$13 ); } } @@ -12122,11 +12083,11 @@ current = finishedWork.memoizedProps; try { flags.nodeValue = current; - } catch (error$17) { + } catch (error$14) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$17 + error$14 ); } } @@ -12145,11 +12106,11 @@ ) try { retryIfBlockedOn(root.containerInfo); - } catch (error$18) { + } catch (error$15) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$18 + error$15 ); } needsFormReset && @@ -12246,11 +12207,11 @@ root.stateNode.nodeValue = domElement ? "" : root.memoizedProps; - } catch (error$11) { + } catch (error$8) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$11 + error$8 ); } } else if ( @@ -12418,18 +12379,12 @@ case 1: safelyDetachRef(finishedWork, finishedWork.return); var instance = finishedWork.stateNode; - if ("function" === typeof instance.componentWillUnmount) { - var nearestMountedAncestor = finishedWork.return; - try { - callComponentWillUnmountWithTimer(finishedWork, instance); - } catch (error) { - captureCommitPhaseError( - finishedWork, - nearestMountedAncestor, - error - ); - } - } + "function" === typeof instance.componentWillUnmount && + safelyCallComponentWillUnmount( + finishedWork, + finishedWork.return, + instance + ); recursivelyTraverseDisappearLayoutEffects(finishedWork); break; case 26: @@ -12580,8 +12535,8 @@ } else try { commitHookEffectListMount(hookFlags, finishedWork); - } catch (error$20) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$20); + } catch (error$17) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$17); } } function commitOffscreenPassiveMountEffects(current, finishedWork) { @@ -14846,8 +14801,8 @@ } workLoopSync(); break; - } catch (thrownValue$22) { - handleThrow(root, thrownValue$22); + } catch (thrownValue$19) { + handleThrow(root, thrownValue$19); } while (1); lanes && root.shellSuspendCounter++; @@ -14987,8 +14942,8 @@ ? workLoopSync() : workLoopConcurrent(); break; - } catch (thrownValue$23) { - handleThrow(root, thrownValue$23); + } catch (thrownValue$20) { + handleThrow(root, thrownValue$20); } while (1); resetContextDependencies(); @@ -22395,6 +22350,87 @@ } }, callRenderInDEV = callRender["react-stack-bottom-frame"].bind(callRender), + callComponentDidMount = { + "react-stack-bottom-frame": function (finishedWork, instance) { + try { + instance.componentDidMount(); + } catch (error) { + captureCommitPhaseError(finishedWork, finishedWork.return, error); + } + } + }, + callComponentDidMountInDEV = callComponentDidMount[ + "react-stack-bottom-frame" + ].bind(callComponentDidMount), + callComponentDidUpdate = { + "react-stack-bottom-frame": function ( + finishedWork, + instance, + prevProps, + prevState, + snapshot + ) { + try { + instance.componentDidUpdate(prevProps, prevState, snapshot); + } catch (error) { + captureCommitPhaseError(finishedWork, finishedWork.return, error); + } + } + }, + callComponentDidUpdateInDEV = callComponentDidUpdate[ + "react-stack-bottom-frame" + ].bind(callComponentDidUpdate), + callComponentDidCatch = { + "react-stack-bottom-frame": function (instance, errorInfo) { + var stack = errorInfo.stack; + instance.componentDidCatch(errorInfo.value, { + componentStack: null !== stack ? stack : "" + }); + } + }, + callComponentDidCatchInDEV = callComponentDidCatch[ + "react-stack-bottom-frame" + ].bind(callComponentDidCatch), + callComponentWillUnmount = { + "react-stack-bottom-frame": function ( + current, + nearestMountedAncestor, + instance + ) { + try { + instance.componentWillUnmount(); + } catch (error) { + captureCommitPhaseError(current, nearestMountedAncestor, error); + } + } + }, + callComponentWillUnmountInDEV = callComponentWillUnmount[ + "react-stack-bottom-frame" + ].bind(callComponentWillUnmount), + callCreate = { + "react-stack-bottom-frame": function (effect) { + var create = effect.create; + effect = effect.inst; + create = create(); + return (effect.destroy = create); + } + }, + callCreateInDEV = callCreate["react-stack-bottom-frame"].bind(callCreate), + callDestroy = { + "react-stack-bottom-frame": function ( + current, + nearestMountedAncestor, + destroy + ) { + try { + destroy(); + } catch (error) { + captureCommitPhaseError(current, nearestMountedAncestor, error); + } + } + }, + callDestroyInDEV = + callDestroy["react-stack-bottom-frame"].bind(callDestroy), callLazyInit = { "react-stack-bottom-frame": function (lazy) { var init = lazy._init; @@ -23765,7 +23801,7 @@ var nonExtensibleObject = Object.preventExtensions({}); new Map([[nonExtensibleObject, null]]); new Set([nonExtensibleObject]); - } catch (e$21) { + } catch (e$18) { hasBadMapPolyfill = !0; } var DefaultAsyncDispatcher = { @@ -24383,11 +24419,11 @@ }; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-rc-f6cce072-20240723" !== isomorphicReactPackageVersion) + if ("19.0.0-rc-76002254-20240724" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.0.0-rc-f6cce072-20240723\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-rc-76002254-20240724\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); ("function" === typeof Map && @@ -24442,12 +24478,12 @@ scheduleRoot: scheduleRoot, setRefreshHandler: setRefreshHandler, getCurrentFiber: getCurrentFiberForDevTools, - reconcilerVersion: "19.0.0-rc-f6cce072-20240723" + reconcilerVersion: "19.0.0-rc-76002254-20240724" }); })({ findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 1, - version: "19.0.0-rc-f6cce072-20240723", + version: "19.0.0-rc-76002254-20240724", rendererPackageName: "react-dom" }) && canUseDOM && @@ -24907,7 +24943,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.0.0-rc-f6cce072-20240723"; + exports.version = "19.0.0-rc-76002254-20240724"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js index b006a4395d78ee..9a73d2100a2cea 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-profiling.profiling.js @@ -68,7 +68,57 @@ function getIteratorFn(maybeIterable) { maybeIterable["@@iterator"]; return "function" === typeof maybeIterable ? maybeIterable : null; } -Symbol.for("react.client.reference"); +var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"); +function getComponentNameFromType(type) { + if (null == type) return null; + if ("function" === typeof type) + return type.$$typeof === REACT_CLIENT_REFERENCE + ? null + : type.displayName || type.name || null; + if ("string" === typeof type) return type; + switch (type) { + case REACT_FRAGMENT_TYPE: + return "Fragment"; + case REACT_PORTAL_TYPE: + return "Portal"; + case REACT_PROFILER_TYPE: + return "Profiler"; + case REACT_STRICT_MODE_TYPE: + return "StrictMode"; + case REACT_SUSPENSE_TYPE: + return "Suspense"; + case REACT_SUSPENSE_LIST_TYPE: + return "SuspenseList"; + } + if ("object" === typeof type) + switch (type.$$typeof) { + case REACT_CONTEXT_TYPE: + return (type.displayName || "Context") + ".Provider"; + case REACT_CONSUMER_TYPE: + return (type._context.displayName || "Context") + ".Consumer"; + case REACT_FORWARD_REF_TYPE: + var innerType = type.render; + type = type.displayName; + type || + ((type = innerType.displayName || innerType.name || ""), + (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef")); + return type; + case REACT_MEMO_TYPE: + return ( + (innerType = type.displayName || null), + null !== innerType + ? innerType + : getComponentNameFromType(type.type) || "Memo" + ); + case REACT_LAZY_TYPE: + innerType = type._payload; + type = type._init; + try { + return getComponentNameFromType(type(innerType)); + } catch (x) {} + } + return null; +} var ReactSharedInternals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, assign = Object.assign, @@ -2037,19 +2087,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) { } var isInputEventSupported = !1; if (canUseDOM) { - var JSCompiler_inline_result$jscomp$303; + var JSCompiler_inline_result$jscomp$305; if (canUseDOM) { - var isSupported$jscomp$inline_437 = "oninput" in document; - if (!isSupported$jscomp$inline_437) { - var element$jscomp$inline_438 = document.createElement("div"); - element$jscomp$inline_438.setAttribute("oninput", "return;"); - isSupported$jscomp$inline_437 = - "function" === typeof element$jscomp$inline_438.oninput; + var isSupported$jscomp$inline_439 = "oninput" in document; + if (!isSupported$jscomp$inline_439) { + var element$jscomp$inline_440 = document.createElement("div"); + element$jscomp$inline_440.setAttribute("oninput", "return;"); + isSupported$jscomp$inline_439 = + "function" === typeof element$jscomp$inline_440.oninput; } - JSCompiler_inline_result$jscomp$303 = isSupported$jscomp$inline_437; - } else JSCompiler_inline_result$jscomp$303 = !1; + JSCompiler_inline_result$jscomp$305 = isSupported$jscomp$inline_439; + } else JSCompiler_inline_result$jscomp$305 = !1; isInputEventSupported = - JSCompiler_inline_result$jscomp$303 && + JSCompiler_inline_result$jscomp$305 && (!document.documentMode || 9 < document.documentMode); } function stopWatchingForValueChange() { @@ -6582,7 +6632,9 @@ function beginWork(current, workInProgress, renderLanes) { ); break a; } - throw Error(formatProdErrorMessage(306, lazyComponent, "")); + workInProgress = + getComponentNameFromType(lazyComponent) || lazyComponent; + throw Error(formatProdErrorMessage(306, workInProgress, "")); } } return workInProgress; @@ -7473,9 +7525,9 @@ function resolveClassComponentProps(Component, baseProps) { } if ((Component = Component.defaultProps)) { newProps === baseProps && (newProps = assign({}, newProps)); - for (var propName$113 in Component) - void 0 === newProps[propName$113] && - (newProps[propName$113] = Component[propName$113]); + for (var propName$114 in Component) + void 0 === newProps[propName$114] && + (newProps[propName$114] = Component[propName$114]); } return newProps; } @@ -7489,19 +7541,30 @@ var offscreenSubtreeIsHidden = !1, function shouldProfile(current) { return 0 !== (current.mode & 2) && 0 !== (executionContext & 4); } -function callComponentWillUnmountWithTimer(current, instance) { +function safelyCallComponentWillUnmount( + current, + nearestMountedAncestor, + instance +) { instance.props = resolveClassComponentProps( current.type, current.memoizedProps ); instance.state = current.memoizedState; - if (shouldProfile(current)) + if (shouldProfile(current)) { + startLayoutEffectTimer(); try { - startLayoutEffectTimer(), instance.componentWillUnmount(); - } finally { - recordLayoutEffectDuration(current); + instance.componentWillUnmount(); + } catch (error) { + captureCommitPhaseError(current, nearestMountedAncestor, error); + } + recordLayoutEffectDuration(current); + } else + try { + instance.componentWillUnmount(); + } catch (error$115) { + captureCommitPhaseError(current, nearestMountedAncestor, error$115); } - else instance.componentWillUnmount(); } function safelyAttachRef(current, nearestMountedAncestor) { try { @@ -7560,8 +7623,8 @@ function safelyDetachRef(current, nearestMountedAncestor) { recordLayoutEffectDuration(current); } else ref(null); - } catch (error$114) { - captureCommitPhaseError(current, nearestMountedAncestor, error$114); + } catch (error$116) { + captureCommitPhaseError(current, nearestMountedAncestor, error$116); } else ref.current = null; } @@ -7776,10 +7839,10 @@ function commitHookEffectListMount(flags, finishedWork) { injectedProfilingHooks.markComponentLayoutEffectMountStarted( finishedWork ); - var create = effect.create, - inst = effect.inst; - create = create(); - inst.destroy = create; + var destroy = effect.create; + var inst = effect.inst; + destroy = destroy(); + inst.destroy = destroy; 0 !== (flags & 8) ? null !== injectedProfilingHooks && "function" === @@ -7807,8 +7870,8 @@ function commitHookLayoutEffects(finishedWork, hookFlags) { } else try { commitHookEffectListMount(hookFlags, finishedWork); - } catch (error$118) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$118); + } catch (error$120) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$120); } } function commitClassCallbacks(finishedWork) { @@ -7898,8 +7961,9 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { if (flags & 4) if (((finishedRoot = finishedWork.stateNode), null === current)) if (shouldProfile(finishedWork)) { + startLayoutEffectTimer(); try { - startLayoutEffectTimer(), finishedRoot.componentDidMount(); + finishedRoot.componentDidMount(); } catch (error) { captureCommitPhaseError(finishedWork, finishedWork.return, error); } @@ -7907,11 +7971,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { } else try { finishedRoot.componentDidMount(); - } catch (error$119) { + } catch (error$121) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$119 + error$121 ); } else { @@ -7921,18 +7985,18 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { ); current = current.memoizedState; if (shouldProfile(finishedWork)) { + startLayoutEffectTimer(); try { - startLayoutEffectTimer(), - finishedRoot.componentDidUpdate( - prevProps, - current, - finishedRoot.__reactInternalSnapshotBeforeUpdate - ); - } catch (error$120) { + finishedRoot.componentDidUpdate( + prevProps, + current, + finishedRoot.__reactInternalSnapshotBeforeUpdate + ); + } catch (error$122) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$120 + error$122 ); } recordLayoutEffectDuration(finishedWork); @@ -7943,11 +8007,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) { current, finishedRoot.__reactInternalSnapshotBeforeUpdate ); - } catch (error$121) { + } catch (error$123) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$121 + error$123 ); } } @@ -8262,17 +8326,15 @@ function commitDeletionEffectsOnFiber( ); break; case 1: - if ( - !offscreenSubtreeWasHidden && + offscreenSubtreeWasHidden || (safelyDetachRef(deletedFiber, nearestMountedAncestor), (prevHostParent = deletedFiber.stateNode), - "function" === typeof prevHostParent.componentWillUnmount) - ) - try { - callComponentWillUnmountWithTimer(deletedFiber, prevHostParent); - } catch (error) { - captureCommitPhaseError(deletedFiber, nearestMountedAncestor, error); - } + "function" === typeof prevHostParent.componentWillUnmount && + safelyCallComponentWillUnmount( + deletedFiber, + nearestMountedAncestor, + prevHostParent + )); recursivelyTraverseDeletionEffects( finishedRoot, nearestMountedAncestor, @@ -8426,22 +8488,22 @@ function commitMutationEffectsOnFiber(finishedWork, root) { try { startLayoutEffectTimer(), commitHookEffectListUnmount(5, finishedWork, finishedWork.return); - } catch (error$135) { + } catch (error$137) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$135 + error$137 ); } recordLayoutEffectDuration(finishedWork); } else try { commitHookEffectListUnmount(5, finishedWork, finishedWork.return); - } catch (error$136) { + } catch (error$138) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$136 + error$138 ); } } @@ -8615,11 +8677,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) { newProps ); domElement[internalPropsKey] = newProps; - } catch (error$137) { + } catch (error$139) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$137 + error$139 ); } break; @@ -8656,8 +8718,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { root = finishedWork.stateNode; try { setTextContent(root, ""); - } catch (error$138) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$138); + } catch (error$140) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$140); } } if (flags & 4 && ((root = finishedWork.stateNode), null != root)) { @@ -8667,8 +8729,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { try { updateProperties(root, maybeNodes, current, hoistableRoot), (root[internalPropsKey] = hoistableRoot); - } catch (error$140) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$140); + } catch (error$142) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$142); } } flags & 1024 && (needsFormReset = !0); @@ -8683,8 +8745,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { current = finishedWork.memoizedProps; try { flags.nodeValue = current; - } catch (error$141) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$141); + } catch (error$143) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$143); } } break; @@ -8698,8 +8760,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) { if (flags & 4 && null !== current && current.memoizedState.isDehydrated) try { retryIfBlockedOn(root.containerInfo); - } catch (error$142) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$142); + } catch (error$144) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$144); } needsFormReset && ((needsFormReset = !1), recursivelyResetForms(finishedWork)); @@ -8793,11 +8855,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) { if (null === current) try { root.stateNode.nodeValue = domElement ? "" : root.memoizedProps; - } catch (error$125) { + } catch (error$127) { captureCommitPhaseError( finishedWork, finishedWork.return, - error$125 + error$127 ); } } else if ( @@ -8866,21 +8928,21 @@ function commitReconciliationEffects(finishedWork) { insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0); break; case 5: - var parent$126 = JSCompiler_inline_result.stateNode; + var parent$128 = JSCompiler_inline_result.stateNode; JSCompiler_inline_result.flags & 32 && - (setTextContent(parent$126, ""), + (setTextContent(parent$128, ""), (JSCompiler_inline_result.flags &= -33)); - var before$127 = getHostSibling(finishedWork); - insertOrAppendPlacementNode(finishedWork, before$127, parent$126); + var before$129 = getHostSibling(finishedWork); + insertOrAppendPlacementNode(finishedWork, before$129, parent$128); break; case 3: case 4: - var parent$128 = JSCompiler_inline_result.stateNode.containerInfo, - before$129 = getHostSibling(finishedWork); + var parent$130 = JSCompiler_inline_result.stateNode.containerInfo, + before$131 = getHostSibling(finishedWork); insertOrAppendPlacementNodeIntoContainer( finishedWork, - before$129, - parent$128 + before$131, + parent$130 ); break; default: @@ -8936,15 +8998,12 @@ function recursivelyTraverseDisappearLayoutEffects(parentFiber) { case 1: safelyDetachRef(finishedWork, finishedWork.return); var instance = finishedWork.stateNode; - if ("function" === typeof instance.componentWillUnmount) { - var current = finishedWork, - nearestMountedAncestor = finishedWork.return; - try { - callComponentWillUnmountWithTimer(current, instance); - } catch (error) { - captureCommitPhaseError(current, nearestMountedAncestor, error); - } - } + "function" === typeof instance.componentWillUnmount && + safelyCallComponentWillUnmount( + finishedWork, + finishedWork.return, + instance + ); recursivelyTraverseDisappearLayoutEffects(finishedWork); break; case 26: @@ -9081,8 +9140,8 @@ function commitHookPassiveMountEffects(finishedWork, hookFlags) { } else try { commitHookEffectListMount(hookFlags, finishedWork); - } catch (error$147) { - captureCommitPhaseError(finishedWork, finishedWork.return, error$147); + } catch (error$149) { + captureCommitPhaseError(finishedWork, finishedWork.return, error$149); } } function commitOffscreenPassiveMountEffects(current, finishedWork) { @@ -9817,14 +9876,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) { break; case "collapsed": lastTailNode = renderState.tail; - for (var lastTailNode$153 = null; null !== lastTailNode; ) - null !== lastTailNode.alternate && (lastTailNode$153 = lastTailNode), + for (var lastTailNode$155 = null; null !== lastTailNode; ) + null !== lastTailNode.alternate && (lastTailNode$155 = lastTailNode), (lastTailNode = lastTailNode.sibling); - null === lastTailNode$153 + null === lastTailNode$155 ? hasRenderedATailFallback || null === renderState.tail ? (renderState.tail = null) : (renderState.tail.sibling = null) - : (lastTailNode$153.sibling = null); + : (lastTailNode$155.sibling = null); } } function bubbleProperties(completedWork) { @@ -9836,53 +9895,53 @@ function bubbleProperties(completedWork) { if (didBailout) if (0 !== (completedWork.mode & 2)) { for ( - var treeBaseDuration$155 = completedWork.selfBaseDuration, - child$156 = completedWork.child; - null !== child$156; + var treeBaseDuration$157 = completedWork.selfBaseDuration, + child$158 = completedWork.child; + null !== child$158; ) - (newChildLanes |= child$156.lanes | child$156.childLanes), - (subtreeFlags |= child$156.subtreeFlags & 31457280), - (subtreeFlags |= child$156.flags & 31457280), - (treeBaseDuration$155 += child$156.treeBaseDuration), - (child$156 = child$156.sibling); - completedWork.treeBaseDuration = treeBaseDuration$155; + (newChildLanes |= child$158.lanes | child$158.childLanes), + (subtreeFlags |= child$158.subtreeFlags & 31457280), + (subtreeFlags |= child$158.flags & 31457280), + (treeBaseDuration$157 += child$158.treeBaseDuration), + (child$158 = child$158.sibling); + completedWork.treeBaseDuration = treeBaseDuration$157; } else for ( - treeBaseDuration$155 = completedWork.child; - null !== treeBaseDuration$155; + treeBaseDuration$157 = completedWork.child; + null !== treeBaseDuration$157; ) (newChildLanes |= - treeBaseDuration$155.lanes | treeBaseDuration$155.childLanes), - (subtreeFlags |= treeBaseDuration$155.subtreeFlags & 31457280), - (subtreeFlags |= treeBaseDuration$155.flags & 31457280), - (treeBaseDuration$155.return = completedWork), - (treeBaseDuration$155 = treeBaseDuration$155.sibling); + treeBaseDuration$157.lanes | treeBaseDuration$157.childLanes), + (subtreeFlags |= treeBaseDuration$157.subtreeFlags & 31457280), + (subtreeFlags |= treeBaseDuration$157.flags & 31457280), + (treeBaseDuration$157.return = completedWork), + (treeBaseDuration$157 = treeBaseDuration$157.sibling); else if (0 !== (completedWork.mode & 2)) { - treeBaseDuration$155 = completedWork.actualDuration; - child$156 = completedWork.selfBaseDuration; + treeBaseDuration$157 = completedWork.actualDuration; + child$158 = completedWork.selfBaseDuration; for (var child = completedWork.child; null !== child; ) (newChildLanes |= child.lanes | child.childLanes), (subtreeFlags |= child.subtreeFlags), (subtreeFlags |= child.flags), - (treeBaseDuration$155 += child.actualDuration), - (child$156 += child.treeBaseDuration), + (treeBaseDuration$157 += child.actualDuration), + (child$158 += child.treeBaseDuration), (child = child.sibling); - completedWork.actualDuration = treeBaseDuration$155; - completedWork.treeBaseDuration = child$156; + completedWork.actualDuration = treeBaseDuration$157; + completedWork.treeBaseDuration = child$158; } else for ( - treeBaseDuration$155 = completedWork.child; - null !== treeBaseDuration$155; + treeBaseDuration$157 = completedWork.child; + null !== treeBaseDuration$157; ) (newChildLanes |= - treeBaseDuration$155.lanes | treeBaseDuration$155.childLanes), - (subtreeFlags |= treeBaseDuration$155.subtreeFlags), - (subtreeFlags |= treeBaseDuration$155.flags), - (treeBaseDuration$155.return = completedWork), - (treeBaseDuration$155 = treeBaseDuration$155.sibling); + treeBaseDuration$157.lanes | treeBaseDuration$157.childLanes), + (subtreeFlags |= treeBaseDuration$157.subtreeFlags), + (subtreeFlags |= treeBaseDuration$157.flags), + (treeBaseDuration$157.return = completedWork), + (treeBaseDuration$157 = treeBaseDuration$157.sibling); completedWork.subtreeFlags |= subtreeFlags; completedWork.childLanes = newChildLanes; return didBailout; @@ -10175,11 +10234,11 @@ function completeWork(current, workInProgress, renderLanes) { null !== newProps.alternate.memoizedState && null !== newProps.alternate.memoizedState.cachePool && (type = newProps.alternate.memoizedState.cachePool.pool); - var cache$171 = null; + var cache$173 = null; null !== newProps.memoizedState && null !== newProps.memoizedState.cachePool && - (cache$171 = newProps.memoizedState.cachePool.pool); - cache$171 !== type && (newProps.flags |= 2048); + (cache$173 = newProps.memoizedState.cachePool.pool); + cache$173 !== type && (newProps.flags |= 2048); } renderLanes !== current && renderLanes && @@ -10209,8 +10268,8 @@ function completeWork(current, workInProgress, renderLanes) { type = workInProgress.memoizedState; if (null === type) return bubbleProperties(workInProgress), null; newProps = 0 !== (workInProgress.flags & 128); - cache$171 = type.rendering; - if (null === cache$171) + cache$173 = type.rendering; + if (null === cache$173) if (newProps) cutOffTailIfNeeded(type, !1); else { if ( @@ -10218,11 +10277,11 @@ function completeWork(current, workInProgress, renderLanes) { (null !== current && 0 !== (current.flags & 128)) ) for (current = workInProgress.child; null !== current; ) { - cache$171 = findFirstSuspended(current); - if (null !== cache$171) { + cache$173 = findFirstSuspended(current); + if (null !== cache$173) { workInProgress.flags |= 128; cutOffTailIfNeeded(type, !1); - current = cache$171.updateQueue; + current = cache$173.updateQueue; workInProgress.updateQueue = current; scheduleRetryEffect(workInProgress, current); workInProgress.subtreeFlags = 0; @@ -10247,7 +10306,7 @@ function completeWork(current, workInProgress, renderLanes) { } else { if (!newProps) - if (((current = findFirstSuspended(cache$171)), null !== current)) { + if (((current = findFirstSuspended(cache$173)), null !== current)) { if ( ((workInProgress.flags |= 128), (newProps = !0), @@ -10257,7 +10316,7 @@ function completeWork(current, workInProgress, renderLanes) { cutOffTailIfNeeded(type, !0), null === type.tail && "hidden" === type.tailMode && - !cache$171.alternate && + !cache$173.alternate && !isHydrating) ) return bubbleProperties(workInProgress), null; @@ -10270,13 +10329,13 @@ function completeWork(current, workInProgress, renderLanes) { cutOffTailIfNeeded(type, !1), (workInProgress.lanes = 4194304)); type.isBackwards - ? ((cache$171.sibling = workInProgress.child), - (workInProgress.child = cache$171)) + ? ((cache$173.sibling = workInProgress.child), + (workInProgress.child = cache$173)) : ((current = type.last), null !== current - ? (current.sibling = cache$171) - : (workInProgress.child = cache$171), - (type.last = cache$171)); + ? (current.sibling = cache$173) + : (workInProgress.child = cache$173), + (type.last = cache$173)); } if (null !== type.tail) return ( @@ -11025,8 +11084,8 @@ function renderRootSync(root, lanes) { } workLoopSync(); break; - } catch (thrownValue$186) { - handleThrow(root, thrownValue$186); + } catch (thrownValue$188) { + handleThrow(root, thrownValue$188); } while (1); lanes && root.shellSuspendCounter++; @@ -11146,8 +11205,8 @@ function renderRootConcurrent(root, lanes) { } workLoopConcurrent(); break; - } catch (thrownValue$188) { - handleThrow(root, thrownValue$188); + } catch (thrownValue$190) { + handleThrow(root, thrownValue$190); } while (1); resetContextDependencies(); @@ -11445,7 +11504,7 @@ function releaseRootPooledCache(root, remainingLanes) { } function flushPassiveEffects() { if (null !== rootWithPendingPassiveEffects) { - var root$192 = rootWithPendingPassiveEffects, + var root$194 = rootWithPendingPassiveEffects, remainingLanes = pendingPassiveEffectsRemainingLanes; pendingPassiveEffectsRemainingLanes = 0; var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes), @@ -11490,7 +11549,7 @@ function flushPassiveEffects() { _finishedWork$memoize = finishedWork.memoizedProps, id = _finishedWork$memoize.id, onPostCommit = _finishedWork$memoize.onPostCommit, - commitTime$116 = commitTime, + commitTime$118 = commitTime, phase = null === finishedWork.alternate ? "mount" : "update"; currentUpdateIsNested && (phase = "nested-update"); "function" === typeof onPostCommit && @@ -11498,7 +11557,7 @@ function flushPassiveEffects() { id, phase, passiveEffectDuration, - commitTime$116 + commitTime$118 ); var parentFiber = finishedWork.return; b: for (; null !== parentFiber; ) { @@ -11538,7 +11597,7 @@ function flushPassiveEffects() { } finally { (ReactDOMSharedInternals.p = previousPriority), (ReactSharedInternals.T = prevTransition), - releaseRootPooledCache(root$192, remainingLanes); + releaseRootPooledCache(root$194, remainingLanes); } } return !1; @@ -11710,18 +11769,18 @@ function flushSyncWorkOnAllRoots() { isFlushingWork = !0; do { var didPerformSomeWork = !1; - for (var root$194 = firstScheduledRoot; null !== root$194; ) { - var workInProgressRootRenderLanes$196 = workInProgressRootRenderLanes; - workInProgressRootRenderLanes$196 = getNextLanes( - root$194, - root$194 === workInProgressRoot - ? workInProgressRootRenderLanes$196 + for (var root$196 = firstScheduledRoot; null !== root$196; ) { + var workInProgressRootRenderLanes$198 = workInProgressRootRenderLanes; + workInProgressRootRenderLanes$198 = getNextLanes( + root$196, + root$196 === workInProgressRoot + ? workInProgressRootRenderLanes$198 : 0 ); - 0 !== (workInProgressRootRenderLanes$196 & 3) && + 0 !== (workInProgressRootRenderLanes$198 & 3) && ((didPerformSomeWork = !0), - performSyncWorkOnRoot(root$194, workInProgressRootRenderLanes$196)); - root$194 = root$194.next; + performSyncWorkOnRoot(root$196, workInProgressRootRenderLanes$198)); + root$196 = root$196.next; } } while (didPerformSomeWork); isFlushingWork = !1; @@ -11932,20 +11991,20 @@ function extractEvents$1( } } for ( - var i$jscomp$inline_1506 = 0; - i$jscomp$inline_1506 < simpleEventPluginEvents.length; - i$jscomp$inline_1506++ + var i$jscomp$inline_1509 = 0; + i$jscomp$inline_1509 < simpleEventPluginEvents.length; + i$jscomp$inline_1509++ ) { - var eventName$jscomp$inline_1507 = - simpleEventPluginEvents[i$jscomp$inline_1506], - domEventName$jscomp$inline_1508 = - eventName$jscomp$inline_1507.toLowerCase(), - capitalizedEvent$jscomp$inline_1509 = - eventName$jscomp$inline_1507[0].toUpperCase() + - eventName$jscomp$inline_1507.slice(1); + var eventName$jscomp$inline_1510 = + simpleEventPluginEvents[i$jscomp$inline_1509], + domEventName$jscomp$inline_1511 = + eventName$jscomp$inline_1510.toLowerCase(), + capitalizedEvent$jscomp$inline_1512 = + eventName$jscomp$inline_1510[0].toUpperCase() + + eventName$jscomp$inline_1510.slice(1); registerSimpleEvent( - domEventName$jscomp$inline_1508, - "on" + capitalizedEvent$jscomp$inline_1509 + domEventName$jscomp$inline_1511, + "on" + capitalizedEvent$jscomp$inline_1512 ); } registerSimpleEvent(ANIMATION_END, "onAnimationEnd"); @@ -13128,34 +13187,34 @@ function setInitialProperties(domElement, tag, props) { defaultChecked = null; for (hasSrc in props) if (props.hasOwnProperty(hasSrc)) { - var propValue$207 = props[hasSrc]; - if (null != propValue$207) + var propValue$209 = props[hasSrc]; + if (null != propValue$209) switch (hasSrc) { case "name": - hasSrcSet = propValue$207; + hasSrcSet = propValue$209; break; case "type": - propValue = propValue$207; + propValue = propValue$209; break; case "checked": - checked = propValue$207; + checked = propValue$209; break; case "defaultChecked": - defaultChecked = propValue$207; + defaultChecked = propValue$209; break; case "value": - propKey = propValue$207; + propKey = propValue$209; break; case "defaultValue": - defaultValue = propValue$207; + defaultValue = propValue$209; break; case "children": case "dangerouslySetInnerHTML": - if (null != propValue$207) + if (null != propValue$209) throw Error(formatProdErrorMessage(137, tag)); break; default: - setProp(domElement, tag, hasSrc, propValue$207, props, null); + setProp(domElement, tag, hasSrc, propValue$209, props, null); } } initInput( @@ -13292,14 +13351,14 @@ function setInitialProperties(domElement, tag, props) { return; default: if (isCustomElement(tag)) { - for (propValue$207 in props) - props.hasOwnProperty(propValue$207) && - ((hasSrc = props[propValue$207]), + for (propValue$209 in props) + props.hasOwnProperty(propValue$209) && + ((hasSrc = props[propValue$209]), void 0 !== hasSrc && setPropOnCustomElement( domElement, tag, - propValue$207, + propValue$209, hasSrc, props, void 0 @@ -13347,14 +13406,14 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp(domElement, tag, propKey, null, nextProps, lastProp); } } - for (var propKey$224 in nextProps) { - var propKey = nextProps[propKey$224]; - lastProp = lastProps[propKey$224]; + for (var propKey$226 in nextProps) { + var propKey = nextProps[propKey$226]; + lastProp = lastProps[propKey$226]; if ( - nextProps.hasOwnProperty(propKey$224) && + nextProps.hasOwnProperty(propKey$226) && (null != propKey || null != lastProp) ) - switch (propKey$224) { + switch (propKey$226) { case "type": type = propKey; break; @@ -13383,7 +13442,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$224, + propKey$226, propKey, nextProps, lastProp @@ -13402,7 +13461,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ); return; case "select": - propKey = value = defaultValue = propKey$224 = null; + propKey = value = defaultValue = propKey$226 = null; for (type in lastProps) if ( ((lastDefaultValue = lastProps[type]), @@ -13433,7 +13492,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (name) { case "value": - propKey$224 = type; + propKey$226 = type; break; case "defaultValue": defaultValue = type; @@ -13454,15 +13513,15 @@ function updateProperties(domElement, tag, lastProps, nextProps) { tag = defaultValue; lastProps = value; nextProps = propKey; - null != propKey$224 - ? updateOptions(domElement, !!lastProps, propKey$224, !1) + null != propKey$226 + ? updateOptions(domElement, !!lastProps, propKey$226, !1) : !!nextProps !== !!lastProps && (null != tag ? updateOptions(domElement, !!lastProps, tag, !0) : updateOptions(domElement, !!lastProps, lastProps ? [] : "", !1)); return; case "textarea": - propKey = propKey$224 = null; + propKey = propKey$226 = null; for (defaultValue in lastProps) if ( ((name = lastProps[defaultValue]), @@ -13486,7 +13545,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { ) switch (value) { case "value": - propKey$224 = name; + propKey$226 = name; break; case "defaultValue": propKey = name; @@ -13500,17 +13559,17 @@ function updateProperties(domElement, tag, lastProps, nextProps) { name !== type && setProp(domElement, tag, value, name, nextProps, type); } - updateTextarea(domElement, propKey$224, propKey); + updateTextarea(domElement, propKey$226, propKey); return; case "option": - for (var propKey$240 in lastProps) + for (var propKey$242 in lastProps) if ( - ((propKey$224 = lastProps[propKey$240]), - lastProps.hasOwnProperty(propKey$240) && - null != propKey$224 && - !nextProps.hasOwnProperty(propKey$240)) + ((propKey$226 = lastProps[propKey$242]), + lastProps.hasOwnProperty(propKey$242) && + null != propKey$226 && + !nextProps.hasOwnProperty(propKey$242)) ) - switch (propKey$240) { + switch (propKey$242) { case "selected": domElement.selected = !1; break; @@ -13518,33 +13577,33 @@ function updateProperties(domElement, tag, lastProps, nextProps) { setProp( domElement, tag, - propKey$240, + propKey$242, null, nextProps, - propKey$224 + propKey$226 ); } for (lastDefaultValue in nextProps) if ( - ((propKey$224 = nextProps[lastDefaultValue]), + ((propKey$226 = nextProps[lastDefaultValue]), (propKey = lastProps[lastDefaultValue]), nextProps.hasOwnProperty(lastDefaultValue) && - propKey$224 !== propKey && - (null != propKey$224 || null != propKey)) + propKey$226 !== propKey && + (null != propKey$226 || null != propKey)) ) switch (lastDefaultValue) { case "selected": domElement.selected = - propKey$224 && - "function" !== typeof propKey$224 && - "symbol" !== typeof propKey$224; + propKey$226 && + "function" !== typeof propKey$226 && + "symbol" !== typeof propKey$226; break; default: setProp( domElement, tag, lastDefaultValue, - propKey$224, + propKey$226, nextProps, propKey ); @@ -13565,24 +13624,24 @@ function updateProperties(domElement, tag, lastProps, nextProps) { case "track": case "wbr": case "menuitem": - for (var propKey$245 in lastProps) - (propKey$224 = lastProps[propKey$245]), - lastProps.hasOwnProperty(propKey$245) && - null != propKey$224 && - !nextProps.hasOwnProperty(propKey$245) && - setProp(domElement, tag, propKey$245, null, nextProps, propKey$224); + for (var propKey$247 in lastProps) + (propKey$226 = lastProps[propKey$247]), + lastProps.hasOwnProperty(propKey$247) && + null != propKey$226 && + !nextProps.hasOwnProperty(propKey$247) && + setProp(domElement, tag, propKey$247, null, nextProps, propKey$226); for (checked in nextProps) if ( - ((propKey$224 = nextProps[checked]), + ((propKey$226 = nextProps[checked]), (propKey = lastProps[checked]), nextProps.hasOwnProperty(checked) && - propKey$224 !== propKey && - (null != propKey$224 || null != propKey)) + propKey$226 !== propKey && + (null != propKey$226 || null != propKey)) ) switch (checked) { case "children": case "dangerouslySetInnerHTML": - if (null != propKey$224) + if (null != propKey$226) throw Error(formatProdErrorMessage(137, tag)); break; default: @@ -13590,7 +13649,7 @@ function updateProperties(domElement, tag, lastProps, nextProps) { domElement, tag, checked, - propKey$224, + propKey$226, nextProps, propKey ); @@ -13598,49 +13657,49 @@ function updateProperties(domElement, tag, lastProps, nextProps) { return; default: if (isCustomElement(tag)) { - for (var propKey$250 in lastProps) - (propKey$224 = lastProps[propKey$250]), - lastProps.hasOwnProperty(propKey$250) && - void 0 !== propKey$224 && - !nextProps.hasOwnProperty(propKey$250) && + for (var propKey$252 in lastProps) + (propKey$226 = lastProps[propKey$252]), + lastProps.hasOwnProperty(propKey$252) && + void 0 !== propKey$226 && + !nextProps.hasOwnProperty(propKey$252) && setPropOnCustomElement( domElement, tag, - propKey$250, + propKey$252, void 0, nextProps, - propKey$224 + propKey$226 ); for (defaultChecked in nextProps) - (propKey$224 = nextProps[defaultChecked]), + (propKey$226 = nextProps[defaultChecked]), (propKey = lastProps[defaultChecked]), !nextProps.hasOwnProperty(defaultChecked) || - propKey$224 === propKey || - (void 0 === propKey$224 && void 0 === propKey) || + propKey$226 === propKey || + (void 0 === propKey$226 && void 0 === propKey) || setPropOnCustomElement( domElement, tag, defaultChecked, - propKey$224, + propKey$226, nextProps, propKey ); return; } } - for (var propKey$255 in lastProps) - (propKey$224 = lastProps[propKey$255]), - lastProps.hasOwnProperty(propKey$255) && - null != propKey$224 && - !nextProps.hasOwnProperty(propKey$255) && - setProp(domElement, tag, propKey$255, null, nextProps, propKey$224); + for (var propKey$257 in lastProps) + (propKey$226 = lastProps[propKey$257]), + lastProps.hasOwnProperty(propKey$257) && + null != propKey$226 && + !nextProps.hasOwnProperty(propKey$257) && + setProp(domElement, tag, propKey$257, null, nextProps, propKey$226); for (lastProp in nextProps) - (propKey$224 = nextProps[lastProp]), + (propKey$226 = nextProps[lastProp]), (propKey = lastProps[lastProp]), !nextProps.hasOwnProperty(lastProp) || - propKey$224 === propKey || - (null == propKey$224 && null == propKey) || - setProp(domElement, tag, lastProp, propKey$224, nextProps, propKey); + propKey$226 === propKey || + (null == propKey$226 && null == propKey) || + setProp(domElement, tag, lastProp, propKey$226, nextProps, propKey); } var eventsEnabled = null, selectionInformation = null; @@ -14185,26 +14244,26 @@ function getResource(type, currentProps, pendingProps, currentResource) { "string" === typeof pendingProps.precedence ) { type = getStyleKey(pendingProps.href); - var styles$263 = getResourcesFromRoot( + var styles$265 = getResourcesFromRoot( JSCompiler_inline_result ).hoistableStyles, - resource$264 = styles$263.get(type); - resource$264 || + resource$266 = styles$265.get(type); + resource$266 || ((JSCompiler_inline_result = JSCompiler_inline_result.ownerDocument || JSCompiler_inline_result), - (resource$264 = { + (resource$266 = { type: "stylesheet", instance: null, count: 0, state: { loading: 0, preload: null } }), - styles$263.set(type, resource$264), - (styles$263 = JSCompiler_inline_result.querySelector( + styles$265.set(type, resource$266), + (styles$265 = JSCompiler_inline_result.querySelector( getStylesheetSelectorFromKey(type) )) && - !styles$263._p && - ((resource$264.instance = styles$263), - (resource$264.state.loading = 5)), + !styles$265._p && + ((resource$266.instance = styles$265), + (resource$266.state.loading = 5)), preloadPropsMap.has(type) || ((pendingProps = { rel: "preload", @@ -14217,16 +14276,16 @@ function getResource(type, currentProps, pendingProps, currentResource) { referrerPolicy: pendingProps.referrerPolicy }), preloadPropsMap.set(type, pendingProps), - styles$263 || + styles$265 || preloadStylesheet( JSCompiler_inline_result, type, pendingProps, - resource$264.state + resource$266.state ))); if (currentProps && null === currentResource) throw Error(formatProdErrorMessage(528, "")); - return resource$264; + return resource$266; } if (currentProps && null !== currentResource) throw Error(formatProdErrorMessage(529, "")); @@ -14323,37 +14382,37 @@ function acquireResource(hoistableRoot, resource, props) { return (resource.instance = instance); case "stylesheet": styleProps = getStyleKey(props.href); - var instance$269 = hoistableRoot.querySelector( + var instance$271 = hoistableRoot.querySelector( getStylesheetSelectorFromKey(styleProps) ); - if (instance$269) + if (instance$271) return ( (resource.state.loading |= 4), - (resource.instance = instance$269), - markNodeAsHoistable(instance$269), - instance$269 + (resource.instance = instance$271), + markNodeAsHoistable(instance$271), + instance$271 ); instance = stylesheetPropsFromRawProps(props); (styleProps = preloadPropsMap.get(styleProps)) && adoptPreloadPropsForStylesheet(instance, styleProps); - instance$269 = ( + instance$271 = ( hoistableRoot.ownerDocument || hoistableRoot ).createElement("link"); - markNodeAsHoistable(instance$269); - var linkInstance = instance$269; + markNodeAsHoistable(instance$271); + var linkInstance = instance$271; linkInstance._p = new Promise(function (resolve, reject) { linkInstance.onload = resolve; linkInstance.onerror = reject; }); - setInitialProperties(instance$269, "link", instance); + setInitialProperties(instance$271, "link", instance); resource.state.loading |= 4; - insertStylesheet(instance$269, props.precedence, hoistableRoot); - return (resource.instance = instance$269); + insertStylesheet(instance$271, props.precedence, hoistableRoot); + return (resource.instance = instance$271); case "script": - instance$269 = getScriptKey(props.src); + instance$271 = getScriptKey(props.src); if ( (styleProps = hoistableRoot.querySelector( - getScriptSelectorFromKey(instance$269) + getScriptSelectorFromKey(instance$271) )) ) return ( @@ -14362,7 +14421,7 @@ function acquireResource(hoistableRoot, resource, props) { styleProps ); instance = props; - if ((styleProps = preloadPropsMap.get(instance$269))) + if ((styleProps = preloadPropsMap.get(instance$271))) (instance = assign({}, props)), adoptPreloadPropsForScript(instance, styleProps); hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot; @@ -15400,16 +15459,16 @@ ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = function (target) { 0 === i && attemptExplicitHydrationTarget(target); } }; -var isomorphicReactPackageVersion$jscomp$inline_1756 = React.version; +var isomorphicReactPackageVersion$jscomp$inline_1759 = React.version; if ( - "19.0.0-rc-f6cce072-20240723" !== - isomorphicReactPackageVersion$jscomp$inline_1756 + "19.0.0-rc-76002254-20240724" !== + isomorphicReactPackageVersion$jscomp$inline_1759 ) throw Error( formatProdErrorMessage( 527, - isomorphicReactPackageVersion$jscomp$inline_1756, - "19.0.0-rc-f6cce072-20240723" + isomorphicReactPackageVersion$jscomp$inline_1759, + "19.0.0-rc-76002254-20240724" ) ); ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { @@ -15425,10 +15484,10 @@ ReactDOMSharedInternals.findDOMNode = function (componentOrElement) { null === componentOrElement ? null : componentOrElement.stateNode; return componentOrElement; }; -var devToolsConfig$jscomp$inline_1763 = { +var devToolsConfig$jscomp$inline_1766 = { findFiberByHostInstance: getClosestInstanceFromNode, bundleType: 0, - version: "19.0.0-rc-f6cce072-20240723", + version: "19.0.0-rc-76002254-20240724", rendererPackageName: "react-dom" }; (function (internals) { @@ -15445,10 +15504,10 @@ var devToolsConfig$jscomp$inline_1763 = { } catch (err) {} return hook.checkDCE ? !0 : !1; })({ - bundleType: devToolsConfig$jscomp$inline_1763.bundleType, - version: devToolsConfig$jscomp$inline_1763.version, - rendererPackageName: devToolsConfig$jscomp$inline_1763.rendererPackageName, - rendererConfig: devToolsConfig$jscomp$inline_1763.rendererConfig, + bundleType: devToolsConfig$jscomp$inline_1766.bundleType, + version: devToolsConfig$jscomp$inline_1766.version, + rendererPackageName: devToolsConfig$jscomp$inline_1766.rendererPackageName, + rendererConfig: devToolsConfig$jscomp$inline_1766.rendererConfig, overrideHookState: null, overrideHookStateDeletePath: null, overrideHookStateRenamePath: null, @@ -15464,14 +15523,14 @@ var devToolsConfig$jscomp$inline_1763 = { return null === fiber ? null : fiber.stateNode; }, findFiberByHostInstance: - devToolsConfig$jscomp$inline_1763.findFiberByHostInstance || + devToolsConfig$jscomp$inline_1766.findFiberByHostInstance || emptyFindFiberByHostInstance, findHostInstancesForRefresh: null, scheduleRefresh: null, scheduleRoot: null, setRefreshHandler: null, getCurrentFiber: null, - reconcilerVersion: "19.0.0-rc-f6cce072-20240723" + reconcilerVersion: "19.0.0-rc-76002254-20240724" }); function noop() {} function getCrossOriginStringAs(as, input) { @@ -15725,7 +15784,7 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-rc-f6cce072-20240723"; +exports.version = "19.0.0-rc-76002254-20240724"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js index f32e84cafd71c3..484ddfe019dc4a 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.development.js @@ -8441,5 +8441,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; - exports.version = "19.0.0-rc-f6cce072-20240723"; + exports.version = "19.0.0-rc-76002254-20240724"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js index 63e6df2df2436d..9dc364671f1abd 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.js @@ -5508,4 +5508,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server' ); }; -exports.version = "19.0.0-rc-f6cce072-20240723"; +exports.version = "19.0.0-rc-76002254-20240724"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js index 17ca4153979491..d6407b206277a6 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.development.js @@ -8441,5 +8441,5 @@ 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server' ); }; - exports.version = "19.0.0-rc-f6cce072-20240723"; + exports.version = "19.0.0-rc-76002254-20240724"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js index 3aa7c3d3d79ff6..415fa7f06d2d70 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.js @@ -5588,4 +5588,4 @@ exports.renderToString = function (children, options) { 'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server' ); }; -exports.version = "19.0.0-rc-f6cce072-20240723"; +exports.version = "19.0.0-rc-76002254-20240724"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js index 2420f6a24025dc..777f07c540e64d 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.development.js @@ -8628,11 +8628,11 @@ didWarnAboutMaps = !1; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-rc-f6cce072-20240723" !== isomorphicReactPackageVersion) + if ("19.0.0-rc-76002254-20240724" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.0.0-rc-f6cce072-20240723\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-rc-76002254-20240724\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); exports.renderToReadableStream = function (children, options) { @@ -8725,5 +8725,5 @@ startWork(request$jscomp$0); }); }; - exports.version = "19.0.0-rc-f6cce072-20240723"; + exports.version = "19.0.0-rc-76002254-20240724"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js index 73b0365c05034a..bd7958fda465a4 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.js @@ -5793,14 +5793,14 @@ function abort(request, reason) { } var isomorphicReactPackageVersion$jscomp$inline_736 = React.version; if ( - "19.0.0-rc-f6cce072-20240723" !== + "19.0.0-rc-76002254-20240724" !== isomorphicReactPackageVersion$jscomp$inline_736 ) throw Error( formatProdErrorMessage( 527, isomorphicReactPackageVersion$jscomp$inline_736, - "19.0.0-rc-f6cce072-20240723" + "19.0.0-rc-76002254-20240724" ) ); exports.renderToReadableStream = function (children, options) { @@ -5889,4 +5889,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.0.0-rc-f6cce072-20240723"; +exports.version = "19.0.0-rc-76002254-20240724"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js index b92c330f99a7ec..d16ff7b6e6055e 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.bun.production.js @@ -5492,13 +5492,13 @@ function abort(request, reason) { } var isomorphicReactPackageVersion$jscomp$inline_740 = React.version; if ( - "19.0.0-rc-f6cce072-20240723" !== + "19.0.0-rc-76002254-20240724" !== isomorphicReactPackageVersion$jscomp$inline_740 ) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion$jscomp$inline_740 + - "\n - react-dom: 19.0.0-rc-f6cce072-20240723\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-rc-76002254-20240724\nLearn more: https://react.dev/warnings/version-mismatch") ); exports.renderToReadableStream = function (children, options) { return new Promise(function (resolve, reject) { @@ -5586,4 +5586,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.0.0-rc-f6cce072-20240723"; +exports.version = "19.0.0-rc-76002254-20240724"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js index 29dc0048ca870e..bee47d96a7c018 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.development.js @@ -8643,11 +8643,11 @@ didWarnAboutMaps = !1; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-rc-f6cce072-20240723" !== isomorphicReactPackageVersion) + if ("19.0.0-rc-76002254-20240724" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.0.0-rc-f6cce072-20240723\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-rc-76002254-20240724\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); exports.renderToReadableStream = function (children, options) { @@ -8740,5 +8740,5 @@ startWork(request$jscomp$0); }); }; - exports.version = "19.0.0-rc-f6cce072-20240723"; + exports.version = "19.0.0-rc-76002254-20240724"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js index b5d89740362f46..b36598c9117dd8 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.js @@ -5885,13 +5885,13 @@ function abort(request, reason) { } var isomorphicReactPackageVersion$jscomp$inline_744 = React.version; if ( - "19.0.0-rc-f6cce072-20240723" !== + "19.0.0-rc-76002254-20240724" !== isomorphicReactPackageVersion$jscomp$inline_744 ) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion$jscomp$inline_744 + - "\n - react-dom: 19.0.0-rc-f6cce072-20240723\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-rc-76002254-20240724\nLearn more: https://react.dev/warnings/version-mismatch") ); exports.renderToReadableStream = function (children, options) { return new Promise(function (resolve, reject) { @@ -5979,4 +5979,4 @@ exports.renderToReadableStream = function (children, options) { startWork(request); }); }; -exports.version = "19.0.0-rc-f6cce072-20240723"; +exports.version = "19.0.0-rc-76002254-20240724"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js index 3df61a0bcbdbcb..0c47899ab324d9 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.development.js @@ -8519,11 +8519,11 @@ didWarnAboutMaps = !1; (function () { var isomorphicReactPackageVersion = React.version; - if ("19.0.0-rc-f6cce072-20240723" !== isomorphicReactPackageVersion) + if ("19.0.0-rc-76002254-20240724" !== isomorphicReactPackageVersion) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion + - "\n - react-dom: 19.0.0-rc-f6cce072-20240723\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-rc-76002254-20240724\nLearn more: https://react.dev/warnings/version-mismatch") ); })(); exports.renderToPipeableStream = function (children, options) { @@ -8565,5 +8565,5 @@ } }; }; - exports.version = "19.0.0-rc-f6cce072-20240723"; + exports.version = "19.0.0-rc-76002254-20240724"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js index 4f67a30ad1f389..9671c73c061cb5 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.js @@ -5551,13 +5551,13 @@ function abort(request, reason) { } var isomorphicReactPackageVersion$jscomp$inline_767 = React.version; if ( - "19.0.0-rc-f6cce072-20240723" !== + "19.0.0-rc-76002254-20240724" !== isomorphicReactPackageVersion$jscomp$inline_767 ) throw Error( 'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n - react: ' + (isomorphicReactPackageVersion$jscomp$inline_767 + - "\n - react-dom: 19.0.0-rc-f6cce072-20240723\nLearn more: https://react.dev/warnings/version-mismatch") + "\n - react-dom: 19.0.0-rc-76002254-20240724\nLearn more: https://react.dev/warnings/version-mismatch") ); function createDrainHandler(destination, request) { return function () { @@ -5832,4 +5832,4 @@ exports.renderToPipeableStream = function (children, options) { } }; }; -exports.version = "19.0.0-rc-f6cce072-20240723"; +exports.version = "19.0.0-rc-76002254-20240724"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom.development.js index a5d9a6be0fce01..da11b22dd46f62 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.development.js @@ -416,7 +416,7 @@ exports.useFormStatus = function () { return resolveDispatcher().useHostTransitionStatus(); }; - exports.version = "19.0.0-rc-f6cce072-20240723"; + exports.version = "19.0.0-rc-76002254-20240724"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom.production.js index 1be64841a329fa..c4b6362f0f3aa3 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.production.js @@ -207,4 +207,4 @@ exports.useFormState = function (action, initialState, permalink) { exports.useFormStatus = function () { return ReactSharedInternals.H.useHostTransitionStatus(); }; -exports.version = "19.0.0-rc-f6cce072-20240723"; +exports.version = "19.0.0-rc-76002254-20240724"; diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js index 8d55f652bafe19..cbc8901c6c115d 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js @@ -336,5 +336,5 @@ })) : Internals.d.m(href)); }; - exports.version = "19.0.0-rc-f6cce072-20240723"; + exports.version = "19.0.0-rc-76002254-20240724"; })(); diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js index bb304baa0eaadb..c14958f9eceee7 100644 --- a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js +++ b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js @@ -149,4 +149,4 @@ exports.preloadModule = function (href, options) { }); } else Internals.d.m(href); }; -exports.version = "19.0.0-rc-f6cce072-20240723"; +exports.version = "19.0.0-rc-76002254-20240724"; diff --git a/packages/next/src/compiled/react-dom/package.json b/packages/next/src/compiled/react-dom/package.json index 0f5840df03805e..1600e43f235404 100644 --- a/packages/next/src/compiled/react-dom/package.json +++ b/packages/next/src/compiled/react-dom/package.json @@ -67,10 +67,10 @@ "./package.json": "./package.json" }, "dependencies": { - "scheduler": "0.25.0-rc-f6cce072-20240723" + "scheduler": "0.25.0-rc-76002254-20240724" }, "peerDependencies": { - "react": "19.0.0-rc-f6cce072-20240723" + "react": "19.0.0-rc-76002254-20240724" }, "browser": { "./server.js": "./server.browser.js", diff --git a/packages/next/src/compiled/react-experimental/cjs/react.development.js b/packages/next/src/compiled/react-experimental/cjs/react.development.js index de3ab000731e33..ab8060ff81ae78 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.development.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.development.js @@ -1233,7 +1233,7 @@ exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.0.0-experimental-f6cce072-20240723"; + exports.version = "19.0.0-experimental-76002254-20240724"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react-experimental/cjs/react.production.js b/packages/next/src/compiled/react-experimental/cjs/react.production.js index 4c912719d6b4dc..3aa65312cf3068 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.production.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.production.js @@ -562,4 +562,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-experimental-f6cce072-20240723"; +exports.version = "19.0.0-experimental-76002254-20240724"; diff --git a/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js b/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js index d0cb0d3c0af65a..76e9ee867cc7ae 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js @@ -979,5 +979,5 @@ exports.useMemo = function (create, deps) { return resolveDispatcher().useMemo(create, deps); }; - exports.version = "19.0.0-experimental-f6cce072-20240723"; + exports.version = "19.0.0-experimental-76002254-20240724"; })(); diff --git a/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js b/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js index 3b68e31a95165b..8c0b6152df3e45 100644 --- a/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js +++ b/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js @@ -567,4 +567,4 @@ exports.useId = function () { exports.useMemo = function (create, deps) { return ReactSharedInternals.H.useMemo(create, deps); }; -exports.version = "19.0.0-experimental-f6cce072-20240723"; +exports.version = "19.0.0-experimental-76002254-20240724"; diff --git a/packages/next/src/compiled/react-is/package.json b/packages/next/src/compiled/react-is/package.json index aa7c21e1c9ba47..f2d0a8543beeae 100644 --- a/packages/next/src/compiled/react-is/package.json +++ b/packages/next/src/compiled/react-is/package.json @@ -1,6 +1,6 @@ { "name": "react-is", - "version": "19.0.0-rc-f6cce072-20240723", + "version": "19.0.0-rc-76002254-20240724", "description": "Brand checking of React Elements.", "main": "index.js", "sideEffects": false, diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js index aec9d5c0dfa8a5..574a2a07940ec6 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.development.js @@ -1093,10 +1093,23 @@ } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - response = map(response, parentObject); + for (var value = id.value, i = 1; i < reference.length; i++) + if ( + ((value = value[reference[i]]), + value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(i) + ); + response = map(response, value); id._debugInfo && ("object" !== typeof response || null === response || @@ -1537,7 +1550,7 @@ ); } function createFakeFunction(name, filename, sourceMap, line, col) { - name || (name = "(anonymous)"); + name || (name = ""); var encodedName = JSON.stringify(name); 1 >= line ? ((line = encodedName.length + 7), diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.production.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.production.js index d5218a0b36112d..d7843f4bf19f57 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.production.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.production.js @@ -737,10 +737,23 @@ function getOutlinedModel(response, reference, parentObject, key, map) { } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - return map(response, parentObject); + var value = id.value; + for (id = 1; id < reference.length; id++) + if ( + ((value = value[reference[id]]), value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(id) + ); + return map(response, value); case "pending": case "blocked": return waitForReference(id, parentObject, key, response, map, reference); diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.development.js index 40407056d344ab..9644923350805a 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.development.js @@ -1268,10 +1268,23 @@ } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - response = map(response, parentObject); + for (var value = id.value, i = 1; i < reference.length; i++) + if ( + ((value = value[reference[i]]), + value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(i) + ); + response = map(response, value); id._debugInfo && ("object" !== typeof response || null === response || @@ -1717,7 +1730,7 @@ ); } function createFakeFunction(name, filename, sourceMap, line, col) { - name || (name = "(anonymous)"); + name || (name = ""); var encodedName = JSON.stringify(name); 1 >= line ? ((line = encodedName.length + 7), diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.production.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.production.js index 421fa47149d16e..bad039f1099643 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.production.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.production.js @@ -900,10 +900,23 @@ function getOutlinedModel(response, reference, parentObject, key, map) { } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - return map(response, parentObject); + var value = id.value; + for (id = 1; id < reference.length; id++) + if ( + ((value = value[reference[id]]), value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(id) + ); + return map(response, value); case "pending": case "blocked": return waitForReference(id, parentObject, key, response, map, reference); diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.development.js index d127f88805ba47..1c43d99432f517 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.development.js @@ -1268,10 +1268,23 @@ } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - response = map(response, parentObject); + for (var value = id.value, i = 1; i < reference.length; i++) + if ( + ((value = value[reference[i]]), + value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(i) + ); + response = map(response, value); id._debugInfo && ("object" !== typeof response || null === response || @@ -1717,7 +1730,7 @@ ); } function createFakeFunction(name, filename, sourceMap, line, col) { - name || (name = "(anonymous)"); + name || (name = ""); var encodedName = JSON.stringify(name); 1 >= line ? ((line = encodedName.length + 7), diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.production.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.production.js index 22f3a578c5cdeb..12076dff761f94 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.production.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.production.js @@ -901,10 +901,23 @@ function getOutlinedModel(response, reference, parentObject, key, map) { } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - return map(response, parentObject); + var value = id.value; + for (id = 1; id < reference.length; id++) + if ( + ((value = value[reference[id]]), value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(id) + ); + return map(response, value); case "pending": case "blocked": return waitForReference(id, parentObject, key, response, map, reference); diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.development.js index b412d7f4fff96f..490b45e283f984 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.development.js @@ -1244,10 +1244,23 @@ } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - response = map(response, parentObject); + for (var value = id.value, i = 1; i < reference.length; i++) + if ( + ((value = value[reference[i]]), + value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(i) + ); + response = map(response, value); id._debugInfo && ("object" !== typeof response || null === response || @@ -1693,7 +1706,7 @@ ); } function createFakeFunction(name, filename, sourceMap, line, col) { - name || (name = "(anonymous)"); + name || (name = ""); var encodedName = JSON.stringify(name); 1 >= line ? ((line = encodedName.length + 7), diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.production.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.production.js index 9542fda0a28435..4a82ecfbc251a6 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.production.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.production.js @@ -881,10 +881,23 @@ function getOutlinedModel(response, reference, parentObject, key, map) { } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - return map(response, parentObject); + var value = id.value; + for (id = 1; id < reference.length; id++) + if ( + ((value = value[reference[id]]), value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(id) + ); + return map(response, value); case "pending": case "blocked": return waitForReference(id, parentObject, key, response, map, reference); diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.development.js index 0330163097709d..23663a1d3e6388 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.development.js @@ -281,9 +281,6 @@ function resolveOwner() { return currentOwner ? currentOwner : null; } - function isNotExternal$1(stackFrame) { - return !externalRegExp$1.test(stackFrame); - } function isObjectPrototype(object) { if (!object) return !1; var ObjectPrototype = Object.prototype; @@ -553,18 +550,20 @@ var ownerStack = owner.debugStack; if (null != ownerStack) { if ((owner = owner.owner)) { - var JSCompiler_temp_const = info, - stack = ownerStack.stack; + var JSCompiler_temp_const = info; + var error = ownerStack, + prevPrepareStackTrace = Error.prepareStackTrace; + Error.prepareStackTrace = void 0; + var stack = error.stack; + Error.prepareStackTrace = prevPrepareStackTrace; stack.startsWith("Error: react-stack-top-frame\n") && (stack = stack.slice(29)); - var idx = stack.indexOf("react-stack-bottom-frame"); + var idx = stack.indexOf("\n"); + -1 !== idx && (stack = stack.slice(idx + 1)); + idx = stack.indexOf("react-stack-bottom-frame"); -1 !== idx && (idx = stack.lastIndexOf("\n", idx)); - -1 !== idx && (stack = stack.slice(0, idx)); - var JSCompiler_inline_result = stack - .split("\n") - .slice(1) - .filter(isNotExternal$1) - .join("\n"); + var JSCompiler_inline_result = + -1 !== idx ? (stack = stack.slice(0, idx)) : ""; info = JSCompiler_temp_const + ("\n" + JSCompiler_inline_result); } @@ -577,14 +576,15 @@ try { throw Error(); } catch (x) { - var match = x.stack.trim().match(/\n( *(at )?)/); - prefix = (match && match[1]) || ""; - suffix = - -1 < x.stack.indexOf("\n at") - ? " ()" - : -1 < x.stack.indexOf("@") - ? "@unknown:0:0" - : ""; + (prefix = + ((error = x.stack.trim().match(/\n( *(at )?)/)) && error[1]) || + ""), + (suffix = + -1 < x.stack.indexOf("\n at") + ? " ()" + : -1 < x.stack.indexOf("@") + ? "@unknown:0:0" + : ""); } JSCompiler_inline_result$jscomp$0 = "\n" + prefix + JSCompiler_temp_const + suffix; @@ -998,12 +998,11 @@ ); } prepareToUseHooksForComponent(prevThenableState, componentDebugInfo); - props = callComponentInDEV( - Component, - props, - componentDebugInfo, - task.debugTask - ); + props = task.debugTask + ? task.debugTask.run( + callComponentInDEV.bind(null, Component, props, componentDebugInfo) + ) + : callComponentInDEV(Component, props, componentDebugInfo); if (request.status === ABORTING) throw AbortSigil; if ( "object" === typeof props && @@ -1092,18 +1091,18 @@ if (key.has(request)) return; key.add(request); } - callComponentInDEV( - function () { - console.error( - 'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.', - "", - "" - ); - }, - null, - componentDebugInfo, - debugTask - ); + request = function () { + console.error( + 'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.', + "", + "" + ); + }; + debugTask + ? debugTask.run( + callComponentInDEV.bind(null, request, null, componentDebugInfo) + ) + : callComponentInDEV(request, null, componentDebugInfo); } } function renderFragment(request, task, children) { @@ -3483,7 +3482,7 @@ } }; var frameRegExp = - /^ {3} at (?:(.+) \(([^\)]+):(\d+):(\d+)\)|(?:async )?([^\)]+):(\d+):(\d+))$/, + /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, TEMPORARY_REFERENCE_TAG = Symbol.for("react.temporary.reference"), proxyHandlers = { get: function (target, name) { @@ -3629,19 +3628,15 @@ ); var prefix, suffix; new ("function" === typeof WeakMap ? WeakMap : Map)(); - var externalRegExp$1 = /\/node_modules\/| \(node:| node:|\(/, - callComponent = { + var callComponent = { "react-stack-bottom-frame": function ( Component, props, - componentDebugInfo, - debugTask + componentDebugInfo ) { currentOwner = componentDebugInfo; try { - return debugTask - ? debugTask.run(Component.bind(null, props, void 0)) - : Component(props, void 0); + return Component(props, void 0); } finally { currentOwner = null; } diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.development.js index cd2dd08c0d8eb8..bbda8429894f18 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.development.js @@ -282,9 +282,6 @@ } return null; } - function isNotExternal$1(stackFrame) { - return !externalRegExp$1.test(stackFrame); - } function isObjectPrototype(object) { if (!object) return !1; var ObjectPrototype = Object.prototype; @@ -554,18 +551,20 @@ var ownerStack = owner.debugStack; if (null != ownerStack) { if ((owner = owner.owner)) { - var JSCompiler_temp_const = info, - stack = ownerStack.stack; + var JSCompiler_temp_const = info; + var error = ownerStack, + prevPrepareStackTrace = Error.prepareStackTrace; + Error.prepareStackTrace = void 0; + var stack = error.stack; + Error.prepareStackTrace = prevPrepareStackTrace; stack.startsWith("Error: react-stack-top-frame\n") && (stack = stack.slice(29)); - var idx = stack.indexOf("react-stack-bottom-frame"); + var idx = stack.indexOf("\n"); + -1 !== idx && (stack = stack.slice(idx + 1)); + idx = stack.indexOf("react-stack-bottom-frame"); -1 !== idx && (idx = stack.lastIndexOf("\n", idx)); - -1 !== idx && (stack = stack.slice(0, idx)); - var JSCompiler_inline_result = stack - .split("\n") - .slice(1) - .filter(isNotExternal$1) - .join("\n"); + var JSCompiler_inline_result = + -1 !== idx ? (stack = stack.slice(0, idx)) : ""; info = JSCompiler_temp_const + ("\n" + JSCompiler_inline_result); } @@ -578,14 +577,15 @@ try { throw Error(); } catch (x) { - var match = x.stack.trim().match(/\n( *(at )?)/); - prefix = (match && match[1]) || ""; - suffix = - -1 < x.stack.indexOf("\n at") - ? " ()" - : -1 < x.stack.indexOf("@") - ? "@unknown:0:0" - : ""; + (prefix = + ((error = x.stack.trim().match(/\n( *(at )?)/)) && error[1]) || + ""), + (suffix = + -1 < x.stack.indexOf("\n at") + ? " ()" + : -1 < x.stack.indexOf("@") + ? "@unknown:0:0" + : ""); } JSCompiler_inline_result$jscomp$0 = "\n" + prefix + JSCompiler_temp_const + suffix; @@ -1007,12 +1007,35 @@ ); } prepareToUseHooksForComponent(prevThenableState, componentDebugInfo); - props = callComponentInDEV( - Component, - props, - componentDebugInfo, - task.debugTask - ); + props = supportsComponentStorage + ? task.debugTask + ? task.debugTask.run( + componentStorage.run.bind( + componentStorage, + componentDebugInfo, + callComponentInDEV, + Component, + props, + componentDebugInfo + ) + ) + : componentStorage.run( + componentDebugInfo, + callComponentInDEV, + Component, + props, + componentDebugInfo + ) + : task.debugTask + ? task.debugTask.run( + callComponentInDEV.bind( + null, + Component, + props, + componentDebugInfo + ) + ) + : callComponentInDEV(Component, props, componentDebugInfo); if (request.status === ABORTING) throw AbortSigil; if ( "object" === typeof props && @@ -1101,18 +1124,37 @@ if (key.has(request)) return; key.add(request); } - callComponentInDEV( - function () { - console.error( - 'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.', - "", - "" - ); - }, - null, - componentDebugInfo, - debugTask - ); + request = function () { + console.error( + 'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.', + "", + "" + ); + }; + supportsComponentStorage + ? debugTask + ? debugTask.run( + componentStorage.run.bind( + componentStorage, + componentDebugInfo, + callComponentInDEV, + request, + null, + componentDebugInfo + ) + ) + : componentStorage.run( + componentDebugInfo, + callComponentInDEV, + request, + null, + componentDebugInfo + ) + : debugTask + ? debugTask.run( + callComponentInDEV.bind(null, request, null, componentDebugInfo) + ) + : callComponentInDEV(request, null, componentDebugInfo); } } function renderFragment(request, task, children) { @@ -3510,7 +3552,7 @@ } }; var frameRegExp = - /^ {3} at (?:(.+) \(([^\)]+):(\d+):(\d+)\)|(?:async )?([^\)]+):(\d+):(\d+))$/, + /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, supportsRequestStorage = "function" === typeof AsyncLocalStorage, requestStorage = supportsRequestStorage ? new AsyncLocalStorage() : null, supportsComponentStorage = supportsRequestStorage, @@ -3668,36 +3710,15 @@ ); var prefix, suffix; new ("function" === typeof WeakMap ? WeakMap : Map)(); - var externalRegExp$1 = /\/node_modules\/| \(node:| node:|\(/, - callComponent = { + var callComponent = { "react-stack-bottom-frame": function ( Component, props, - componentDebugInfo, - debugTask + componentDebugInfo ) { currentOwner = componentDebugInfo; try { - return supportsComponentStorage - ? debugTask - ? debugTask.run( - componentStorage.run.bind( - componentStorage, - componentDebugInfo, - Component, - props, - void 0 - ) - ) - : componentStorage.run( - componentDebugInfo, - Component, - props, - void 0 - ) - : debugTask - ? debugTask.run(Component.bind(null, props, void 0)) - : Component(props, void 0); + return Component(props, void 0); } finally { currentOwner = null; } diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.development.js index 4f256de0bc3eae..15b8904ce27e99 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.development.js @@ -306,9 +306,6 @@ var owner = componentStorage.getStore(); return owner ? owner : null; } - function isNotExternal$1(stackFrame) { - return !externalRegExp$1.test(stackFrame); - } function isObjectPrototype(object) { if (!object) return !1; var ObjectPrototype = Object.prototype; @@ -578,18 +575,20 @@ var ownerStack = owner.debugStack; if (null != ownerStack) { if ((owner = owner.owner)) { - var JSCompiler_temp_const = info, - stack = ownerStack.stack; + var JSCompiler_temp_const = info; + var error = ownerStack, + prevPrepareStackTrace = Error.prepareStackTrace; + Error.prepareStackTrace = void 0; + var stack = error.stack; + Error.prepareStackTrace = prevPrepareStackTrace; stack.startsWith("Error: react-stack-top-frame\n") && (stack = stack.slice(29)); - var idx = stack.indexOf("react-stack-bottom-frame"); + var idx = stack.indexOf("\n"); + -1 !== idx && (stack = stack.slice(idx + 1)); + idx = stack.indexOf("react-stack-bottom-frame"); -1 !== idx && (idx = stack.lastIndexOf("\n", idx)); - -1 !== idx && (stack = stack.slice(0, idx)); - var JSCompiler_inline_result = stack - .split("\n") - .slice(1) - .filter(isNotExternal$1) - .join("\n"); + var JSCompiler_inline_result = + -1 !== idx ? (stack = stack.slice(0, idx)) : ""; info = JSCompiler_temp_const + ("\n" + JSCompiler_inline_result); } @@ -602,14 +601,15 @@ try { throw Error(); } catch (x) { - var match = x.stack.trim().match(/\n( *(at )?)/); - prefix = (match && match[1]) || ""; - suffix = - -1 < x.stack.indexOf("\n at") - ? " ()" - : -1 < x.stack.indexOf("@") - ? "@unknown:0:0" - : ""; + (prefix = + ((error = x.stack.trim().match(/\n( *(at )?)/)) && error[1]) || + ""), + (suffix = + -1 < x.stack.indexOf("\n at") + ? " ()" + : -1 < x.stack.indexOf("@") + ? "@unknown:0:0" + : ""); } JSCompiler_inline_result$jscomp$0 = "\n" + prefix + JSCompiler_temp_const + suffix; @@ -1027,12 +1027,24 @@ ); } prepareToUseHooksForComponent(prevThenableState, componentDebugInfo); - props = callComponentInDEV( - Component, - props, - componentDebugInfo, - task.debugTask - ); + props = task.debugTask + ? task.debugTask.run( + componentStorage.run.bind( + componentStorage, + componentDebugInfo, + callComponentInDEV, + Component, + props, + componentDebugInfo + ) + ) + : componentStorage.run( + componentDebugInfo, + callComponentInDEV, + Component, + props, + componentDebugInfo + ); if (request.status === ABORTING) throw AbortSigil; if ( "object" === typeof props && @@ -1121,18 +1133,31 @@ if (key.has(request)) return; key.add(request); } - callComponentInDEV( - function () { - console.error( - 'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.', - "", - "" + request = function () { + console.error( + 'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.', + "", + "" + ); + }; + debugTask + ? debugTask.run( + componentStorage.run.bind( + componentStorage, + componentDebugInfo, + callComponentInDEV, + request, + null, + componentDebugInfo + ) + ) + : componentStorage.run( + componentDebugInfo, + callComponentInDEV, + request, + null, + componentDebugInfo ); - }, - null, - componentDebugInfo, - debugTask - ); } } function renderFragment(request, task, children) { @@ -3533,7 +3558,7 @@ } }; var frameRegExp = - /^ {3} at (?:(.+) \(([^\)]+):(\d+):(\d+)\)|(?:async )?([^\)]+):(\d+):(\d+))$/, + /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, requestStorage = new async_hooks.AsyncLocalStorage(), componentStorage = new async_hooks.AsyncLocalStorage(), TEMPORARY_REFERENCE_TAG = Symbol.for("react.temporary.reference"), @@ -3679,32 +3704,15 @@ ); var prefix, suffix; new ("function" === typeof WeakMap ? WeakMap : Map)(); - var externalRegExp$1 = /\/node_modules\/| \(node:| node:|\(/, - callComponent = { + var callComponent = { "react-stack-bottom-frame": function ( Component, props, - componentDebugInfo, - debugTask + componentDebugInfo ) { currentOwner = componentDebugInfo; try { - return debugTask - ? debugTask.run( - componentStorage.run.bind( - componentStorage, - componentDebugInfo, - Component, - props, - void 0 - ) - ) - : componentStorage.run( - componentDebugInfo, - Component, - props, - void 0 - ); + return Component(props, void 0); } finally { currentOwner = null; } diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.development.js index 2f90ab20102eba..1d5560a0105a49 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.development.js @@ -306,9 +306,6 @@ var owner = componentStorage.getStore(); return owner ? owner : null; } - function isNotExternal$1(stackFrame) { - return !externalRegExp$1.test(stackFrame); - } function isObjectPrototype(object) { if (!object) return !1; var ObjectPrototype = Object.prototype; @@ -578,18 +575,20 @@ var ownerStack = owner.debugStack; if (null != ownerStack) { if ((owner = owner.owner)) { - var JSCompiler_temp_const = info, - stack = ownerStack.stack; + var JSCompiler_temp_const = info; + var error = ownerStack, + prevPrepareStackTrace = Error.prepareStackTrace; + Error.prepareStackTrace = void 0; + var stack = error.stack; + Error.prepareStackTrace = prevPrepareStackTrace; stack.startsWith("Error: react-stack-top-frame\n") && (stack = stack.slice(29)); - var idx = stack.indexOf("react-stack-bottom-frame"); + var idx = stack.indexOf("\n"); + -1 !== idx && (stack = stack.slice(idx + 1)); + idx = stack.indexOf("react-stack-bottom-frame"); -1 !== idx && (idx = stack.lastIndexOf("\n", idx)); - -1 !== idx && (stack = stack.slice(0, idx)); - var JSCompiler_inline_result = stack - .split("\n") - .slice(1) - .filter(isNotExternal$1) - .join("\n"); + var JSCompiler_inline_result = + -1 !== idx ? (stack = stack.slice(0, idx)) : ""; info = JSCompiler_temp_const + ("\n" + JSCompiler_inline_result); } @@ -602,14 +601,15 @@ try { throw Error(); } catch (x) { - var match = x.stack.trim().match(/\n( *(at )?)/); - prefix = (match && match[1]) || ""; - suffix = - -1 < x.stack.indexOf("\n at") - ? " ()" - : -1 < x.stack.indexOf("@") - ? "@unknown:0:0" - : ""; + (prefix = + ((error = x.stack.trim().match(/\n( *(at )?)/)) && error[1]) || + ""), + (suffix = + -1 < x.stack.indexOf("\n at") + ? " ()" + : -1 < x.stack.indexOf("@") + ? "@unknown:0:0" + : ""); } JSCompiler_inline_result$jscomp$0 = "\n" + prefix + JSCompiler_temp_const + suffix; @@ -1027,12 +1027,24 @@ ); } prepareToUseHooksForComponent(prevThenableState, componentDebugInfo); - props = callComponentInDEV( - Component, - props, - componentDebugInfo, - task.debugTask - ); + props = task.debugTask + ? task.debugTask.run( + componentStorage.run.bind( + componentStorage, + componentDebugInfo, + callComponentInDEV, + Component, + props, + componentDebugInfo + ) + ) + : componentStorage.run( + componentDebugInfo, + callComponentInDEV, + Component, + props, + componentDebugInfo + ); if (request.status === ABORTING) throw AbortSigil; if ( "object" === typeof props && @@ -1121,18 +1133,31 @@ if (key.has(request)) return; key.add(request); } - callComponentInDEV( - function () { - console.error( - 'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.', - "", - "" + request = function () { + console.error( + 'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.', + "", + "" + ); + }; + debugTask + ? debugTask.run( + componentStorage.run.bind( + componentStorage, + componentDebugInfo, + callComponentInDEV, + request, + null, + componentDebugInfo + ) + ) + : componentStorage.run( + componentDebugInfo, + callComponentInDEV, + request, + null, + componentDebugInfo ); - }, - null, - componentDebugInfo, - debugTask - ); } } function renderFragment(request, task, children) { @@ -3499,7 +3524,7 @@ } }; var frameRegExp = - /^ {3} at (?:(.+) \(([^\)]+):(\d+):(\d+)\)|(?:async )?([^\)]+):(\d+):(\d+))$/, + /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, requestStorage = new async_hooks.AsyncLocalStorage(), componentStorage = new async_hooks.AsyncLocalStorage(), TEMPORARY_REFERENCE_TAG = Symbol.for("react.temporary.reference"), @@ -3645,32 +3670,15 @@ ); var prefix, suffix; new ("function" === typeof WeakMap ? WeakMap : Map)(); - var externalRegExp$1 = /\/node_modules\/| \(node:| node:|\(/, - callComponent = { + var callComponent = { "react-stack-bottom-frame": function ( Component, props, - componentDebugInfo, - debugTask + componentDebugInfo ) { currentOwner = componentDebugInfo; try { - return debugTask - ? debugTask.run( - componentStorage.run.bind( - componentStorage, - componentDebugInfo, - Component, - props, - void 0 - ) - ) - : componentStorage.run( - componentDebugInfo, - Component, - props, - void 0 - ); + return Component(props, void 0); } finally { currentOwner = null; } diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json b/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json index 6692510517108e..e0c950e01d29b5 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json +++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/package.json @@ -47,7 +47,7 @@ "neo-async": "^2.6.1" }, "peerDependencies": { - "react": "0.0.0-experimental-f6cce072-20240723", - "react-dom": "0.0.0-experimental-f6cce072-20240723" + "react": "0.0.0-experimental-76002254-20240724", + "react-dom": "0.0.0-experimental-76002254-20240724" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js index 74d40ae35b2afe..408ba292bccb8d 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.development.js @@ -1038,10 +1038,23 @@ } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - response = map(response, parentObject); + for (var value = id.value, i = 1; i < reference.length; i++) + if ( + ((value = value[reference[i]]), + value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(i) + ); + response = map(response, value); id._debugInfo && ("object" !== typeof response || null === response || @@ -1480,7 +1493,7 @@ ); } function createFakeFunction(name, filename, sourceMap, line, col) { - name || (name = "(anonymous)"); + name || (name = ""); var encodedName = JSON.stringify(name); 1 >= line ? ((line = encodedName.length + 7), diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.production.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.production.js index be435e07c1ca46..0a16a8c020c2b4 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.production.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.production.js @@ -736,10 +736,23 @@ function getOutlinedModel(response, reference, parentObject, key, map) { } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - return map(response, parentObject); + var value = id.value; + for (id = 1; id < reference.length; id++) + if ( + ((value = value[reference[id]]), value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(id) + ); + return map(response, value); case "pending": case "blocked": return waitForReference(id, parentObject, key, response, map, reference); diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.development.js index 54cfc351672644..409c0a988ae7f4 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.development.js @@ -1213,10 +1213,23 @@ } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - response = map(response, parentObject); + for (var value = id.value, i = 1; i < reference.length; i++) + if ( + ((value = value[reference[i]]), + value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(i) + ); + response = map(response, value); id._debugInfo && ("object" !== typeof response || null === response || @@ -1660,7 +1673,7 @@ ); } function createFakeFunction(name, filename, sourceMap, line, col) { - name || (name = "(anonymous)"); + name || (name = ""); var encodedName = JSON.stringify(name); 1 >= line ? ((line = encodedName.length + 7), diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.production.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.production.js index d49181896d2338..07078c3dd491a5 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.production.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.production.js @@ -899,10 +899,23 @@ function getOutlinedModel(response, reference, parentObject, key, map) { } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - return map(response, parentObject); + var value = id.value; + for (id = 1; id < reference.length; id++) + if ( + ((value = value[reference[id]]), value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(id) + ); + return map(response, value); case "pending": case "blocked": return waitForReference(id, parentObject, key, response, map, reference); diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.development.js index 60b12261f42638..25861acb9efb16 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.development.js @@ -1213,10 +1213,23 @@ } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - response = map(response, parentObject); + for (var value = id.value, i = 1; i < reference.length; i++) + if ( + ((value = value[reference[i]]), + value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(i) + ); + response = map(response, value); id._debugInfo && ("object" !== typeof response || null === response || @@ -1660,7 +1673,7 @@ ); } function createFakeFunction(name, filename, sourceMap, line, col) { - name || (name = "(anonymous)"); + name || (name = ""); var encodedName = JSON.stringify(name); 1 >= line ? ((line = encodedName.length + 7), diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.production.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.production.js index e82c569417d224..2f7598084c44fc 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.production.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.production.js @@ -900,10 +900,23 @@ function getOutlinedModel(response, reference, parentObject, key, map) { } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - return map(response, parentObject); + var value = id.value; + for (id = 1; id < reference.length; id++) + if ( + ((value = value[reference[id]]), value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(id) + ); + return map(response, value); case "pending": case "blocked": return waitForReference(id, parentObject, key, response, map, reference); diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.unbundled.development.js index 2f7d3ec962db5c..71ad0f852d3650 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.unbundled.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.unbundled.development.js @@ -1189,10 +1189,23 @@ } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - response = map(response, parentObject); + for (var value = id.value, i = 1; i < reference.length; i++) + if ( + ((value = value[reference[i]]), + value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(i) + ); + response = map(response, value); id._debugInfo && ("object" !== typeof response || null === response || @@ -1636,7 +1649,7 @@ ); } function createFakeFunction(name, filename, sourceMap, line, col) { - name || (name = "(anonymous)"); + name || (name = ""); var encodedName = JSON.stringify(name); 1 >= line ? ((line = encodedName.length + 7), diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.unbundled.production.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.unbundled.production.js index 7e278ea247129e..a71b1fb71f2aaa 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.unbundled.production.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.unbundled.production.js @@ -880,10 +880,23 @@ function getOutlinedModel(response, reference, parentObject, key, map) { } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - return map(response, parentObject); + var value = id.value; + for (id = 1; id < reference.length; id++) + if ( + ((value = value[reference[id]]), value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(id) + ); + return map(response, value); case "pending": case "blocked": return waitForReference(id, parentObject, key, response, map, reference); diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.development.js index b861d63c960446..d38c6d0bcdcf17 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.development.js @@ -790,12 +790,7 @@ task.environmentName = componentEnv; } prepareToUseHooksForComponent(prevThenableState, componentDebugInfo); - props = callComponentInDEV( - Component, - props, - componentDebugInfo, - task.debugTask - ); + props = callComponentInDEV(Component, props, componentDebugInfo); if (1 === request.status) throw AbortSigil; if ( "object" === typeof props && @@ -3115,7 +3110,7 @@ } }; var frameRegExp = - /^ {3} at (?:(.+) \(([^\)]+):(\d+):(\d+)\)|(?:async )?([^\)]+):(\d+):(\d+))$/, + /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, TEMPORARY_REFERENCE_TAG = Symbol.for("react.temporary.reference"), proxyHandlers = { get: function (target, name) { diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js index 21288b169becad..39753a93b45627 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.development.js @@ -794,12 +794,15 @@ task.environmentName = componentEnv; } prepareToUseHooksForComponent(prevThenableState, componentDebugInfo); - props = callComponentInDEV( - Component, - props, - componentDebugInfo, - task.debugTask - ); + props = supportsComponentStorage + ? componentStorage.run( + componentDebugInfo, + callComponentInDEV, + Component, + props, + componentDebugInfo + ) + : callComponentInDEV(Component, props, componentDebugInfo); if (1 === request.status) throw AbortSigil; if ( "object" === typeof props && @@ -3127,7 +3130,7 @@ } }; var frameRegExp = - /^ {3} at (?:(.+) \(([^\)]+):(\d+):(\d+)\)|(?:async )?([^\)]+):(\d+):(\d+))$/, + /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, supportsRequestStorage = "function" === typeof AsyncLocalStorage, requestStorage = supportsRequestStorage ? new AsyncLocalStorage() : null, supportsComponentStorage = supportsRequestStorage, @@ -3297,14 +3300,7 @@ ) { currentOwner = componentDebugInfo; try { - return supportsComponentStorage - ? componentStorage.run( - componentDebugInfo, - Component, - props, - void 0 - ) - : Component(props, void 0); + return Component(props, void 0); } finally { currentOwner = null; } diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js index e0de9c93cfb83b..4ced524a5f59b0 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.development.js @@ -817,11 +817,12 @@ task.environmentName = componentEnv; } prepareToUseHooksForComponent(prevThenableState, componentDebugInfo); - props = callComponentInDEV( + props = componentStorage.run( + componentDebugInfo, + callComponentInDEV, Component, props, - componentDebugInfo, - task.debugTask + componentDebugInfo ); if (1 === request.status) throw AbortSigil; if ( @@ -3159,7 +3160,7 @@ } }; var frameRegExp = - /^ {3} at (?:(.+) \(([^\)]+):(\d+):(\d+)\)|(?:async )?([^\)]+):(\d+):(\d+))$/, + /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, requestStorage = new async_hooks.AsyncLocalStorage(), componentStorage = new async_hooks.AsyncLocalStorage(), TEMPORARY_REFERENCE_TAG = Symbol.for("react.temporary.reference"), @@ -3316,12 +3317,7 @@ ) { currentOwner = componentDebugInfo; try { - return componentStorage.run( - componentDebugInfo, - Component, - props, - void 0 - ); + return Component(props, void 0); } finally { currentOwner = null; } diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.development.js index c138d7c91c8a1e..ac24880ea3e32c 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.development.js +++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.development.js @@ -817,11 +817,12 @@ task.environmentName = componentEnv; } prepareToUseHooksForComponent(prevThenableState, componentDebugInfo); - props = callComponentInDEV( + props = componentStorage.run( + componentDebugInfo, + callComponentInDEV, Component, props, - componentDebugInfo, - task.debugTask + componentDebugInfo ); if (1 === request.status) throw AbortSigil; if ( @@ -3125,7 +3126,7 @@ } }; var frameRegExp = - /^ {3} at (?:(.+) \(([^\)]+):(\d+):(\d+)\)|(?:async )?([^\)]+):(\d+):(\d+))$/, + /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, requestStorage = new async_hooks.AsyncLocalStorage(), componentStorage = new async_hooks.AsyncLocalStorage(), TEMPORARY_REFERENCE_TAG = Symbol.for("react.temporary.reference"), @@ -3282,12 +3283,7 @@ ) { currentOwner = componentDebugInfo; try { - return componentStorage.run( - componentDebugInfo, - Component, - props, - void 0 - ); + return Component(props, void 0); } finally { currentOwner = null; } diff --git a/packages/next/src/compiled/react-server-dom-turbopack/package.json b/packages/next/src/compiled/react-server-dom-turbopack/package.json index ea9f9c01497fea..53777967d47738 100644 --- a/packages/next/src/compiled/react-server-dom-turbopack/package.json +++ b/packages/next/src/compiled/react-server-dom-turbopack/package.json @@ -47,7 +47,7 @@ "neo-async": "^2.6.1" }, "peerDependencies": { - "react": "19.0.0-rc-f6cce072-20240723", - "react-dom": "19.0.0-rc-f6cce072-20240723" + "react": "19.0.0-rc-76002254-20240724", + "react-dom": "19.0.0-rc-76002254-20240724" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js index 91d5c640b6138d..c1ed15cb31f45e 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.development.js @@ -1098,10 +1098,23 @@ } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - response = map(response, parentObject); + for (var value = id.value, i = 1; i < reference.length; i++) + if ( + ((value = value[reference[i]]), + value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(i) + ); + response = map(response, value); id._debugInfo && ("object" !== typeof response || null === response || @@ -1542,7 +1555,7 @@ ); } function createFakeFunction(name, filename, sourceMap, line, col) { - name || (name = "(anonymous)"); + name || (name = ""); var encodedName = JSON.stringify(name); 1 >= line ? ((line = encodedName.length + 7), diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.production.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.production.js index a0d3d379759a39..e83c8e97d260f0 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.production.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.production.js @@ -747,10 +747,23 @@ function getOutlinedModel(response, reference, parentObject, key, map) { } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - return map(response, parentObject); + var value = id.value; + for (id = 1; id < reference.length; id++) + if ( + ((value = value[reference[id]]), value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(id) + ); + return map(response, value); case "pending": case "blocked": return waitForReference(id, parentObject, key, response, map, reference); diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.development.js index 8882d6c5590143..37a9c6f6c9f3e9 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.development.js @@ -1269,10 +1269,23 @@ } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - response = map(response, parentObject); + for (var value = id.value, i = 1; i < reference.length; i++) + if ( + ((value = value[reference[i]]), + value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(i) + ); + response = map(response, value); id._debugInfo && ("object" !== typeof response || null === response || @@ -1718,7 +1731,7 @@ ); } function createFakeFunction(name, filename, sourceMap, line, col) { - name || (name = "(anonymous)"); + name || (name = ""); var encodedName = JSON.stringify(name); 1 >= line ? ((line = encodedName.length + 7), diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.production.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.production.js index f4b90006af1280..0dc785f5ec57bb 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.production.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.production.js @@ -901,10 +901,23 @@ function getOutlinedModel(response, reference, parentObject, key, map) { } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - return map(response, parentObject); + var value = id.value; + for (id = 1; id < reference.length; id++) + if ( + ((value = value[reference[id]]), value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(id) + ); + return map(response, value); case "pending": case "blocked": return waitForReference(id, parentObject, key, response, map, reference); diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.development.js index db46ff18b82606..fea3beac361a40 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.development.js @@ -1269,10 +1269,23 @@ } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - response = map(response, parentObject); + for (var value = id.value, i = 1; i < reference.length; i++) + if ( + ((value = value[reference[i]]), + value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(i) + ); + response = map(response, value); id._debugInfo && ("object" !== typeof response || null === response || @@ -1718,7 +1731,7 @@ ); } function createFakeFunction(name, filename, sourceMap, line, col) { - name || (name = "(anonymous)"); + name || (name = ""); var encodedName = JSON.stringify(name); 1 >= line ? ((line = encodedName.length + 7), diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.production.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.production.js index 946e935abc1597..8dd9341deb47a0 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.production.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.production.js @@ -902,10 +902,23 @@ function getOutlinedModel(response, reference, parentObject, key, map) { } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - return map(response, parentObject); + var value = id.value; + for (id = 1; id < reference.length; id++) + if ( + ((value = value[reference[id]]), value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(id) + ); + return map(response, value); case "pending": case "blocked": return waitForReference(id, parentObject, key, response, map, reference); diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.development.js index aa291c378932b3..1a5a9986567935 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.development.js @@ -1244,10 +1244,23 @@ } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - response = map(response, parentObject); + for (var value = id.value, i = 1; i < reference.length; i++) + if ( + ((value = value[reference[i]]), + value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(i) + ); + response = map(response, value); id._debugInfo && ("object" !== typeof response || null === response || @@ -1693,7 +1706,7 @@ ); } function createFakeFunction(name, filename, sourceMap, line, col) { - name || (name = "(anonymous)"); + name || (name = ""); var encodedName = JSON.stringify(name); 1 >= line ? ((line = encodedName.length + 7), diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.production.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.production.js index 89b8b175f4d0d4..37caf6627a2582 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.production.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.production.js @@ -881,10 +881,23 @@ function getOutlinedModel(response, reference, parentObject, key, map) { } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - return map(response, parentObject); + var value = id.value; + for (id = 1; id < reference.length; id++) + if ( + ((value = value[reference[id]]), value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(id) + ); + return map(response, value); case "pending": case "blocked": return waitForReference(id, parentObject, key, response, map, reference); diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.development.js index 150b7b6c0b2088..f94cfefa926d07 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.development.js @@ -285,9 +285,6 @@ function resolveOwner() { return currentOwner ? currentOwner : null; } - function isNotExternal$1(stackFrame) { - return !externalRegExp$1.test(stackFrame); - } function isObjectPrototype(object) { if (!object) return !1; var ObjectPrototype = Object.prototype; @@ -557,18 +554,20 @@ var ownerStack = owner.debugStack; if (null != ownerStack) { if ((owner = owner.owner)) { - var JSCompiler_temp_const = info, - stack = ownerStack.stack; + var JSCompiler_temp_const = info; + var error = ownerStack, + prevPrepareStackTrace = Error.prepareStackTrace; + Error.prepareStackTrace = void 0; + var stack = error.stack; + Error.prepareStackTrace = prevPrepareStackTrace; stack.startsWith("Error: react-stack-top-frame\n") && (stack = stack.slice(29)); - var idx = stack.indexOf("react-stack-bottom-frame"); + var idx = stack.indexOf("\n"); + -1 !== idx && (stack = stack.slice(idx + 1)); + idx = stack.indexOf("react-stack-bottom-frame"); -1 !== idx && (idx = stack.lastIndexOf("\n", idx)); - -1 !== idx && (stack = stack.slice(0, idx)); - var JSCompiler_inline_result = stack - .split("\n") - .slice(1) - .filter(isNotExternal$1) - .join("\n"); + var JSCompiler_inline_result = + -1 !== idx ? (stack = stack.slice(0, idx)) : ""; info = JSCompiler_temp_const + ("\n" + JSCompiler_inline_result); } @@ -581,14 +580,15 @@ try { throw Error(); } catch (x) { - var match = x.stack.trim().match(/\n( *(at )?)/); - prefix = (match && match[1]) || ""; - suffix = - -1 < x.stack.indexOf("\n at") - ? " ()" - : -1 < x.stack.indexOf("@") - ? "@unknown:0:0" - : ""; + (prefix = + ((error = x.stack.trim().match(/\n( *(at )?)/)) && error[1]) || + ""), + (suffix = + -1 < x.stack.indexOf("\n at") + ? " ()" + : -1 < x.stack.indexOf("@") + ? "@unknown:0:0" + : ""); } JSCompiler_inline_result$jscomp$0 = "\n" + prefix + JSCompiler_temp_const + suffix; @@ -1002,12 +1002,11 @@ ); } prepareToUseHooksForComponent(prevThenableState, componentDebugInfo); - props = callComponentInDEV( - Component, - props, - componentDebugInfo, - task.debugTask - ); + props = task.debugTask + ? task.debugTask.run( + callComponentInDEV.bind(null, Component, props, componentDebugInfo) + ) + : callComponentInDEV(Component, props, componentDebugInfo); if (request.status === ABORTING) throw AbortSigil; if ( "object" === typeof props && @@ -1096,18 +1095,18 @@ if (key.has(request)) return; key.add(request); } - callComponentInDEV( - function () { - console.error( - 'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.', - "", - "" - ); - }, - null, - componentDebugInfo, - debugTask - ); + request = function () { + console.error( + 'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.', + "", + "" + ); + }; + debugTask + ? debugTask.run( + callComponentInDEV.bind(null, request, null, componentDebugInfo) + ) + : callComponentInDEV(request, null, componentDebugInfo); } } function renderFragment(request, task, children) { @@ -3492,7 +3491,7 @@ } }; var frameRegExp = - /^ {3} at (?:(.+) \(([^\)]+):(\d+):(\d+)\)|(?:async )?([^\)]+):(\d+):(\d+))$/, + /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, TEMPORARY_REFERENCE_TAG = Symbol.for("react.temporary.reference"), proxyHandlers = { get: function (target, name) { @@ -3638,19 +3637,15 @@ ); var prefix, suffix; new ("function" === typeof WeakMap ? WeakMap : Map)(); - var externalRegExp$1 = /\/node_modules\/| \(node:| node:|\(/, - callComponent = { + var callComponent = { "react-stack-bottom-frame": function ( Component, props, - componentDebugInfo, - debugTask + componentDebugInfo ) { currentOwner = componentDebugInfo; try { - return debugTask - ? debugTask.run(Component.bind(null, props, void 0)) - : Component(props, void 0); + return Component(props, void 0); } finally { currentOwner = null; } diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.development.js index 4cdf1dbcb7108d..c69b7b2eb82509 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.development.js @@ -286,9 +286,6 @@ } return null; } - function isNotExternal$1(stackFrame) { - return !externalRegExp$1.test(stackFrame); - } function isObjectPrototype(object) { if (!object) return !1; var ObjectPrototype = Object.prototype; @@ -558,18 +555,20 @@ var ownerStack = owner.debugStack; if (null != ownerStack) { if ((owner = owner.owner)) { - var JSCompiler_temp_const = info, - stack = ownerStack.stack; + var JSCompiler_temp_const = info; + var error = ownerStack, + prevPrepareStackTrace = Error.prepareStackTrace; + Error.prepareStackTrace = void 0; + var stack = error.stack; + Error.prepareStackTrace = prevPrepareStackTrace; stack.startsWith("Error: react-stack-top-frame\n") && (stack = stack.slice(29)); - var idx = stack.indexOf("react-stack-bottom-frame"); + var idx = stack.indexOf("\n"); + -1 !== idx && (stack = stack.slice(idx + 1)); + idx = stack.indexOf("react-stack-bottom-frame"); -1 !== idx && (idx = stack.lastIndexOf("\n", idx)); - -1 !== idx && (stack = stack.slice(0, idx)); - var JSCompiler_inline_result = stack - .split("\n") - .slice(1) - .filter(isNotExternal$1) - .join("\n"); + var JSCompiler_inline_result = + -1 !== idx ? (stack = stack.slice(0, idx)) : ""; info = JSCompiler_temp_const + ("\n" + JSCompiler_inline_result); } @@ -582,14 +581,15 @@ try { throw Error(); } catch (x) { - var match = x.stack.trim().match(/\n( *(at )?)/); - prefix = (match && match[1]) || ""; - suffix = - -1 < x.stack.indexOf("\n at") - ? " ()" - : -1 < x.stack.indexOf("@") - ? "@unknown:0:0" - : ""; + (prefix = + ((error = x.stack.trim().match(/\n( *(at )?)/)) && error[1]) || + ""), + (suffix = + -1 < x.stack.indexOf("\n at") + ? " ()" + : -1 < x.stack.indexOf("@") + ? "@unknown:0:0" + : ""); } JSCompiler_inline_result$jscomp$0 = "\n" + prefix + JSCompiler_temp_const + suffix; @@ -1011,12 +1011,35 @@ ); } prepareToUseHooksForComponent(prevThenableState, componentDebugInfo); - props = callComponentInDEV( - Component, - props, - componentDebugInfo, - task.debugTask - ); + props = supportsComponentStorage + ? task.debugTask + ? task.debugTask.run( + componentStorage.run.bind( + componentStorage, + componentDebugInfo, + callComponentInDEV, + Component, + props, + componentDebugInfo + ) + ) + : componentStorage.run( + componentDebugInfo, + callComponentInDEV, + Component, + props, + componentDebugInfo + ) + : task.debugTask + ? task.debugTask.run( + callComponentInDEV.bind( + null, + Component, + props, + componentDebugInfo + ) + ) + : callComponentInDEV(Component, props, componentDebugInfo); if (request.status === ABORTING) throw AbortSigil; if ( "object" === typeof props && @@ -1105,18 +1128,37 @@ if (key.has(request)) return; key.add(request); } - callComponentInDEV( - function () { - console.error( - 'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.', - "", - "" - ); - }, - null, - componentDebugInfo, - debugTask - ); + request = function () { + console.error( + 'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.', + "", + "" + ); + }; + supportsComponentStorage + ? debugTask + ? debugTask.run( + componentStorage.run.bind( + componentStorage, + componentDebugInfo, + callComponentInDEV, + request, + null, + componentDebugInfo + ) + ) + : componentStorage.run( + componentDebugInfo, + callComponentInDEV, + request, + null, + componentDebugInfo + ) + : debugTask + ? debugTask.run( + callComponentInDEV.bind(null, request, null, componentDebugInfo) + ) + : callComponentInDEV(request, null, componentDebugInfo); } } function renderFragment(request, task, children) { @@ -3515,7 +3557,7 @@ } }; var frameRegExp = - /^ {3} at (?:(.+) \(([^\)]+):(\d+):(\d+)\)|(?:async )?([^\)]+):(\d+):(\d+))$/, + /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, supportsRequestStorage = "function" === typeof AsyncLocalStorage, requestStorage = supportsRequestStorage ? new AsyncLocalStorage() : null, supportsComponentStorage = supportsRequestStorage, @@ -3673,36 +3715,15 @@ ); var prefix, suffix; new ("function" === typeof WeakMap ? WeakMap : Map)(); - var externalRegExp$1 = /\/node_modules\/| \(node:| node:|\(/, - callComponent = { + var callComponent = { "react-stack-bottom-frame": function ( Component, props, - componentDebugInfo, - debugTask + componentDebugInfo ) { currentOwner = componentDebugInfo; try { - return supportsComponentStorage - ? debugTask - ? debugTask.run( - componentStorage.run.bind( - componentStorage, - componentDebugInfo, - Component, - props, - void 0 - ) - ) - : componentStorage.run( - componentDebugInfo, - Component, - props, - void 0 - ) - : debugTask - ? debugTask.run(Component.bind(null, props, void 0)) - : Component(props, void 0); + return Component(props, void 0); } finally { currentOwner = null; } diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.development.js index 87e94035db4c9e..cb904e6c9cfd2b 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.development.js @@ -310,9 +310,6 @@ var owner = componentStorage.getStore(); return owner ? owner : null; } - function isNotExternal$1(stackFrame) { - return !externalRegExp$1.test(stackFrame); - } function isObjectPrototype(object) { if (!object) return !1; var ObjectPrototype = Object.prototype; @@ -582,18 +579,20 @@ var ownerStack = owner.debugStack; if (null != ownerStack) { if ((owner = owner.owner)) { - var JSCompiler_temp_const = info, - stack = ownerStack.stack; + var JSCompiler_temp_const = info; + var error = ownerStack, + prevPrepareStackTrace = Error.prepareStackTrace; + Error.prepareStackTrace = void 0; + var stack = error.stack; + Error.prepareStackTrace = prevPrepareStackTrace; stack.startsWith("Error: react-stack-top-frame\n") && (stack = stack.slice(29)); - var idx = stack.indexOf("react-stack-bottom-frame"); + var idx = stack.indexOf("\n"); + -1 !== idx && (stack = stack.slice(idx + 1)); + idx = stack.indexOf("react-stack-bottom-frame"); -1 !== idx && (idx = stack.lastIndexOf("\n", idx)); - -1 !== idx && (stack = stack.slice(0, idx)); - var JSCompiler_inline_result = stack - .split("\n") - .slice(1) - .filter(isNotExternal$1) - .join("\n"); + var JSCompiler_inline_result = + -1 !== idx ? (stack = stack.slice(0, idx)) : ""; info = JSCompiler_temp_const + ("\n" + JSCompiler_inline_result); } @@ -606,14 +605,15 @@ try { throw Error(); } catch (x) { - var match = x.stack.trim().match(/\n( *(at )?)/); - prefix = (match && match[1]) || ""; - suffix = - -1 < x.stack.indexOf("\n at") - ? " ()" - : -1 < x.stack.indexOf("@") - ? "@unknown:0:0" - : ""; + (prefix = + ((error = x.stack.trim().match(/\n( *(at )?)/)) && error[1]) || + ""), + (suffix = + -1 < x.stack.indexOf("\n at") + ? " ()" + : -1 < x.stack.indexOf("@") + ? "@unknown:0:0" + : ""); } JSCompiler_inline_result$jscomp$0 = "\n" + prefix + JSCompiler_temp_const + suffix; @@ -1031,12 +1031,24 @@ ); } prepareToUseHooksForComponent(prevThenableState, componentDebugInfo); - props = callComponentInDEV( - Component, - props, - componentDebugInfo, - task.debugTask - ); + props = task.debugTask + ? task.debugTask.run( + componentStorage.run.bind( + componentStorage, + componentDebugInfo, + callComponentInDEV, + Component, + props, + componentDebugInfo + ) + ) + : componentStorage.run( + componentDebugInfo, + callComponentInDEV, + Component, + props, + componentDebugInfo + ); if (request.status === ABORTING) throw AbortSigil; if ( "object" === typeof props && @@ -1125,18 +1137,31 @@ if (key.has(request)) return; key.add(request); } - callComponentInDEV( - function () { - console.error( - 'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.', - "", - "" + request = function () { + console.error( + 'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.', + "", + "" + ); + }; + debugTask + ? debugTask.run( + componentStorage.run.bind( + componentStorage, + componentDebugInfo, + callComponentInDEV, + request, + null, + componentDebugInfo + ) + ) + : componentStorage.run( + componentDebugInfo, + callComponentInDEV, + request, + null, + componentDebugInfo ); - }, - null, - componentDebugInfo, - debugTask - ); } } function renderFragment(request, task, children) { @@ -3538,7 +3563,7 @@ } }; var frameRegExp = - /^ {3} at (?:(.+) \(([^\)]+):(\d+):(\d+)\)|(?:async )?([^\)]+):(\d+):(\d+))$/, + /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, requestStorage = new async_hooks.AsyncLocalStorage(), componentStorage = new async_hooks.AsyncLocalStorage(), TEMPORARY_REFERENCE_TAG = Symbol.for("react.temporary.reference"), @@ -3684,32 +3709,15 @@ ); var prefix, suffix; new ("function" === typeof WeakMap ? WeakMap : Map)(); - var externalRegExp$1 = /\/node_modules\/| \(node:| node:|\(/, - callComponent = { + var callComponent = { "react-stack-bottom-frame": function ( Component, props, - componentDebugInfo, - debugTask + componentDebugInfo ) { currentOwner = componentDebugInfo; try { - return debugTask - ? debugTask.run( - componentStorage.run.bind( - componentStorage, - componentDebugInfo, - Component, - props, - void 0 - ) - ) - : componentStorage.run( - componentDebugInfo, - Component, - props, - void 0 - ); + return Component(props, void 0); } finally { currentOwner = null; } diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.development.js index fbb4069a522188..5878ce2c6edc83 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.development.js @@ -310,9 +310,6 @@ var owner = componentStorage.getStore(); return owner ? owner : null; } - function isNotExternal$1(stackFrame) { - return !externalRegExp$1.test(stackFrame); - } function isObjectPrototype(object) { if (!object) return !1; var ObjectPrototype = Object.prototype; @@ -582,18 +579,20 @@ var ownerStack = owner.debugStack; if (null != ownerStack) { if ((owner = owner.owner)) { - var JSCompiler_temp_const = info, - stack = ownerStack.stack; + var JSCompiler_temp_const = info; + var error = ownerStack, + prevPrepareStackTrace = Error.prepareStackTrace; + Error.prepareStackTrace = void 0; + var stack = error.stack; + Error.prepareStackTrace = prevPrepareStackTrace; stack.startsWith("Error: react-stack-top-frame\n") && (stack = stack.slice(29)); - var idx = stack.indexOf("react-stack-bottom-frame"); + var idx = stack.indexOf("\n"); + -1 !== idx && (stack = stack.slice(idx + 1)); + idx = stack.indexOf("react-stack-bottom-frame"); -1 !== idx && (idx = stack.lastIndexOf("\n", idx)); - -1 !== idx && (stack = stack.slice(0, idx)); - var JSCompiler_inline_result = stack - .split("\n") - .slice(1) - .filter(isNotExternal$1) - .join("\n"); + var JSCompiler_inline_result = + -1 !== idx ? (stack = stack.slice(0, idx)) : ""; info = JSCompiler_temp_const + ("\n" + JSCompiler_inline_result); } @@ -606,14 +605,15 @@ try { throw Error(); } catch (x) { - var match = x.stack.trim().match(/\n( *(at )?)/); - prefix = (match && match[1]) || ""; - suffix = - -1 < x.stack.indexOf("\n at") - ? " ()" - : -1 < x.stack.indexOf("@") - ? "@unknown:0:0" - : ""; + (prefix = + ((error = x.stack.trim().match(/\n( *(at )?)/)) && error[1]) || + ""), + (suffix = + -1 < x.stack.indexOf("\n at") + ? " ()" + : -1 < x.stack.indexOf("@") + ? "@unknown:0:0" + : ""); } JSCompiler_inline_result$jscomp$0 = "\n" + prefix + JSCompiler_temp_const + suffix; @@ -1031,12 +1031,24 @@ ); } prepareToUseHooksForComponent(prevThenableState, componentDebugInfo); - props = callComponentInDEV( - Component, - props, - componentDebugInfo, - task.debugTask - ); + props = task.debugTask + ? task.debugTask.run( + componentStorage.run.bind( + componentStorage, + componentDebugInfo, + callComponentInDEV, + Component, + props, + componentDebugInfo + ) + ) + : componentStorage.run( + componentDebugInfo, + callComponentInDEV, + Component, + props, + componentDebugInfo + ); if (request.status === ABORTING) throw AbortSigil; if ( "object" === typeof props && @@ -1125,18 +1137,31 @@ if (key.has(request)) return; key.add(request); } - callComponentInDEV( - function () { - console.error( - 'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.', - "", - "" + request = function () { + console.error( + 'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.', + "", + "" + ); + }; + debugTask + ? debugTask.run( + componentStorage.run.bind( + componentStorage, + componentDebugInfo, + callComponentInDEV, + request, + null, + componentDebugInfo + ) + ) + : componentStorage.run( + componentDebugInfo, + callComponentInDEV, + request, + null, + componentDebugInfo ); - }, - null, - componentDebugInfo, - debugTask - ); } } function renderFragment(request, task, children) { @@ -3503,7 +3528,7 @@ } }; var frameRegExp = - /^ {3} at (?:(.+) \(([^\)]+):(\d+):(\d+)\)|(?:async )?([^\)]+):(\d+):(\d+))$/, + /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, requestStorage = new async_hooks.AsyncLocalStorage(), componentStorage = new async_hooks.AsyncLocalStorage(), TEMPORARY_REFERENCE_TAG = Symbol.for("react.temporary.reference"), @@ -3649,32 +3674,15 @@ ); var prefix, suffix; new ("function" === typeof WeakMap ? WeakMap : Map)(); - var externalRegExp$1 = /\/node_modules\/| \(node:| node:|\(/, - callComponent = { + var callComponent = { "react-stack-bottom-frame": function ( Component, props, - componentDebugInfo, - debugTask + componentDebugInfo ) { currentOwner = componentDebugInfo; try { - return debugTask - ? debugTask.run( - componentStorage.run.bind( - componentStorage, - componentDebugInfo, - Component, - props, - void 0 - ) - ) - : componentStorage.run( - componentDebugInfo, - Component, - props, - void 0 - ); + return Component(props, void 0); } finally { currentOwner = null; } diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json b/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json index fbf796debda49d..88bcff781af6c2 100644 --- a/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json +++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/package.json @@ -46,8 +46,8 @@ "neo-async": "^2.6.1" }, "peerDependencies": { - "react": "0.0.0-experimental-f6cce072-20240723", - "react-dom": "0.0.0-experimental-f6cce072-20240723", + "react": "0.0.0-experimental-76002254-20240724", + "react-dom": "0.0.0-experimental-76002254-20240724", "webpack": "^5.59.0" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js index 474570731c6a23..86300bbef217a2 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.development.js @@ -1043,10 +1043,23 @@ } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - response = map(response, parentObject); + for (var value = id.value, i = 1; i < reference.length; i++) + if ( + ((value = value[reference[i]]), + value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(i) + ); + response = map(response, value); id._debugInfo && ("object" !== typeof response || null === response || @@ -1485,7 +1498,7 @@ ); } function createFakeFunction(name, filename, sourceMap, line, col) { - name || (name = "(anonymous)"); + name || (name = ""); var encodedName = JSON.stringify(name); 1 >= line ? ((line = encodedName.length + 7), diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.production.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.production.js index 8adb265a6c95f0..b5a87a6c07250b 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.production.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.production.js @@ -746,10 +746,23 @@ function getOutlinedModel(response, reference, parentObject, key, map) { } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - return map(response, parentObject); + var value = id.value; + for (id = 1; id < reference.length; id++) + if ( + ((value = value[reference[id]]), value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(id) + ); + return map(response, value); case "pending": case "blocked": return waitForReference(id, parentObject, key, response, map, reference); diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.development.js index 07347edccad863..2ce29aca457132 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.development.js @@ -1214,10 +1214,23 @@ } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - response = map(response, parentObject); + for (var value = id.value, i = 1; i < reference.length; i++) + if ( + ((value = value[reference[i]]), + value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(i) + ); + response = map(response, value); id._debugInfo && ("object" !== typeof response || null === response || @@ -1661,7 +1674,7 @@ ); } function createFakeFunction(name, filename, sourceMap, line, col) { - name || (name = "(anonymous)"); + name || (name = ""); var encodedName = JSON.stringify(name); 1 >= line ? ((line = encodedName.length + 7), diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.production.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.production.js index 295361e510f2c0..151d102034f8c1 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.production.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.production.js @@ -900,10 +900,23 @@ function getOutlinedModel(response, reference, parentObject, key, map) { } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - return map(response, parentObject); + var value = id.value; + for (id = 1; id < reference.length; id++) + if ( + ((value = value[reference[id]]), value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(id) + ); + return map(response, value); case "pending": case "blocked": return waitForReference(id, parentObject, key, response, map, reference); diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.development.js index a1c44eb130df9c..45597192a41ab7 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.development.js @@ -1214,10 +1214,23 @@ } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - response = map(response, parentObject); + for (var value = id.value, i = 1; i < reference.length; i++) + if ( + ((value = value[reference[i]]), + value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(i) + ); + response = map(response, value); id._debugInfo && ("object" !== typeof response || null === response || @@ -1661,7 +1674,7 @@ ); } function createFakeFunction(name, filename, sourceMap, line, col) { - name || (name = "(anonymous)"); + name || (name = ""); var encodedName = JSON.stringify(name); 1 >= line ? ((line = encodedName.length + 7), diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.production.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.production.js index 5d81df89772d0d..1a460ef5c19081 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.production.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.production.js @@ -901,10 +901,23 @@ function getOutlinedModel(response, reference, parentObject, key, map) { } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - return map(response, parentObject); + var value = id.value; + for (id = 1; id < reference.length; id++) + if ( + ((value = value[reference[id]]), value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(id) + ); + return map(response, value); case "pending": case "blocked": return waitForReference(id, parentObject, key, response, map, reference); diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.development.js index a94130e05f9bc6..8d555ef5cdbe37 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.development.js @@ -1189,10 +1189,23 @@ } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - response = map(response, parentObject); + for (var value = id.value, i = 1; i < reference.length; i++) + if ( + ((value = value[reference[i]]), + value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(i) + ); + response = map(response, value); id._debugInfo && ("object" !== typeof response || null === response || @@ -1636,7 +1649,7 @@ ); } function createFakeFunction(name, filename, sourceMap, line, col) { - name || (name = "(anonymous)"); + name || (name = ""); var encodedName = JSON.stringify(name); 1 >= line ? ((line = encodedName.length + 7), diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.production.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.production.js index 00299bb7a738e1..be247b48e92ff6 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.production.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.production.js @@ -880,10 +880,23 @@ function getOutlinedModel(response, reference, parentObject, key, map) { } switch (id.status) { case "fulfilled": - parentObject = id.value; - for (key = 1; key < reference.length; key++) - parentObject = parentObject[reference[key]]; - return map(response, parentObject); + var value = id.value; + for (id = 1; id < reference.length; id++) + if ( + ((value = value[reference[id]]), value.$$typeof === REACT_LAZY_TYPE) + ) + if (((value = value._payload), "fulfilled" === value.status)) + value = value.value; + else + return waitForReference( + value, + parentObject, + key, + response, + map, + reference.slice(id) + ); + return map(response, value); case "pending": case "blocked": return waitForReference(id, parentObject, key, response, map, reference); diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.development.js index 77e6e86ad66381..192a46ecc1dd01 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.development.js @@ -794,12 +794,7 @@ task.environmentName = componentEnv; } prepareToUseHooksForComponent(prevThenableState, componentDebugInfo); - props = callComponentInDEV( - Component, - props, - componentDebugInfo, - task.debugTask - ); + props = callComponentInDEV(Component, props, componentDebugInfo); if (1 === request.status) throw AbortSigil; if ( "object" === typeof props && @@ -3124,7 +3119,7 @@ } }; var frameRegExp = - /^ {3} at (?:(.+) \(([^\)]+):(\d+):(\d+)\)|(?:async )?([^\)]+):(\d+):(\d+))$/, + /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, TEMPORARY_REFERENCE_TAG = Symbol.for("react.temporary.reference"), proxyHandlers = { get: function (target, name) { diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js index 445729892e79de..62e567177ca8cf 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.development.js @@ -798,12 +798,15 @@ task.environmentName = componentEnv; } prepareToUseHooksForComponent(prevThenableState, componentDebugInfo); - props = callComponentInDEV( - Component, - props, - componentDebugInfo, - task.debugTask - ); + props = supportsComponentStorage + ? componentStorage.run( + componentDebugInfo, + callComponentInDEV, + Component, + props, + componentDebugInfo + ) + : callComponentInDEV(Component, props, componentDebugInfo); if (1 === request.status) throw AbortSigil; if ( "object" === typeof props && @@ -3132,7 +3135,7 @@ } }; var frameRegExp = - /^ {3} at (?:(.+) \(([^\)]+):(\d+):(\d+)\)|(?:async )?([^\)]+):(\d+):(\d+))$/, + /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, supportsRequestStorage = "function" === typeof AsyncLocalStorage, requestStorage = supportsRequestStorage ? new AsyncLocalStorage() : null, supportsComponentStorage = supportsRequestStorage, @@ -3302,14 +3305,7 @@ ) { currentOwner = componentDebugInfo; try { - return supportsComponentStorage - ? componentStorage.run( - componentDebugInfo, - Component, - props, - void 0 - ) - : Component(props, void 0); + return Component(props, void 0); } finally { currentOwner = null; } diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js index 5da194eb55a0c0..edad653a872221 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.development.js @@ -821,11 +821,12 @@ task.environmentName = componentEnv; } prepareToUseHooksForComponent(prevThenableState, componentDebugInfo); - props = callComponentInDEV( + props = componentStorage.run( + componentDebugInfo, + callComponentInDEV, Component, props, - componentDebugInfo, - task.debugTask + componentDebugInfo ); if (1 === request.status) throw AbortSigil; if ( @@ -3164,7 +3165,7 @@ } }; var frameRegExp = - /^ {3} at (?:(.+) \(([^\)]+):(\d+):(\d+)\)|(?:async )?([^\)]+):(\d+):(\d+))$/, + /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, requestStorage = new async_hooks.AsyncLocalStorage(), componentStorage = new async_hooks.AsyncLocalStorage(), TEMPORARY_REFERENCE_TAG = Symbol.for("react.temporary.reference"), @@ -3321,12 +3322,7 @@ ) { currentOwner = componentDebugInfo; try { - return componentStorage.run( - componentDebugInfo, - Component, - props, - void 0 - ); + return Component(props, void 0); } finally { currentOwner = null; } diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js index aad972198379ce..4071492e6918f1 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js +++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.development.js @@ -821,11 +821,12 @@ task.environmentName = componentEnv; } prepareToUseHooksForComponent(prevThenableState, componentDebugInfo); - props = callComponentInDEV( + props = componentStorage.run( + componentDebugInfo, + callComponentInDEV, Component, props, - componentDebugInfo, - task.debugTask + componentDebugInfo ); if (1 === request.status) throw AbortSigil; if ( @@ -3129,7 +3130,7 @@ } }; var frameRegExp = - /^ {3} at (?:(.+) \(([^\)]+):(\d+):(\d+)\)|(?:async )?([^\)]+):(\d+):(\d+))$/, + /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/, requestStorage = new async_hooks.AsyncLocalStorage(), componentStorage = new async_hooks.AsyncLocalStorage(), TEMPORARY_REFERENCE_TAG = Symbol.for("react.temporary.reference"), @@ -3286,12 +3287,7 @@ ) { currentOwner = componentDebugInfo; try { - return componentStorage.run( - componentDebugInfo, - Component, - props, - void 0 - ); + return Component(props, void 0); } finally { currentOwner = null; } diff --git a/packages/next/src/compiled/react-server-dom-webpack/package.json b/packages/next/src/compiled/react-server-dom-webpack/package.json index 6c28e3af56f3fd..d1e83502b27353 100644 --- a/packages/next/src/compiled/react-server-dom-webpack/package.json +++ b/packages/next/src/compiled/react-server-dom-webpack/package.json @@ -46,8 +46,8 @@ "neo-async": "^2.6.1" }, "peerDependencies": { - "react": "19.0.0-rc-f6cce072-20240723", - "react-dom": "19.0.0-rc-f6cce072-20240723", + "react": "19.0.0-rc-76002254-20240724", + "react-dom": "19.0.0-rc-76002254-20240724", "webpack": "^5.59.0" } } \ No newline at end of file diff --git a/packages/next/src/compiled/react/cjs/react.development.js b/packages/next/src/compiled/react/cjs/react.development.js index f76a6264e7c67a..d81838e3caadbd 100644 --- a/packages/next/src/compiled/react/cjs/react.development.js +++ b/packages/next/src/compiled/react/cjs/react.development.js @@ -1517,7 +1517,7 @@ exports.useTransition = function () { return resolveDispatcher().useTransition(); }; - exports.version = "19.0.0-rc-f6cce072-20240723"; + exports.version = "19.0.0-rc-76002254-20240724"; "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && diff --git a/packages/next/src/compiled/react/cjs/react.production.js b/packages/next/src/compiled/react/cjs/react.production.js index ec5e8f046fbc1d..688216f4c4dc7c 100644 --- a/packages/next/src/compiled/react/cjs/react.production.js +++ b/packages/next/src/compiled/react/cjs/react.production.js @@ -536,4 +536,4 @@ exports.useSyncExternalStore = function ( exports.useTransition = function () { return ReactSharedInternals.H.useTransition(); }; -exports.version = "19.0.0-rc-f6cce072-20240723"; +exports.version = "19.0.0-rc-76002254-20240724"; diff --git a/packages/next/src/compiled/react/cjs/react.react-server.development.js b/packages/next/src/compiled/react/cjs/react.react-server.development.js index e22f51bb90b652..09825dc0a389a5 100644 --- a/packages/next/src/compiled/react/cjs/react.react-server.development.js +++ b/packages/next/src/compiled/react/cjs/react.react-server.development.js @@ -1113,5 +1113,5 @@ exports.useMemo = function (create, deps) { return resolveDispatcher().useMemo(create, deps); }; - exports.version = "19.0.0-rc-f6cce072-20240723"; + exports.version = "19.0.0-rc-76002254-20240724"; })(); diff --git a/packages/next/src/compiled/react/cjs/react.react-server.production.js b/packages/next/src/compiled/react/cjs/react.react-server.production.js index cf3ddddcad5cc1..479e6a4dcf50e8 100644 --- a/packages/next/src/compiled/react/cjs/react.react-server.production.js +++ b/packages/next/src/compiled/react/cjs/react.react-server.production.js @@ -424,4 +424,4 @@ exports.useId = function () { exports.useMemo = function (create, deps) { return ReactSharedInternals.H.useMemo(create, deps); }; -exports.version = "19.0.0-rc-f6cce072-20240723"; +exports.version = "19.0.0-rc-76002254-20240724"; diff --git a/packages/next/src/compiled/unistore/unistore.js b/packages/next/src/compiled/unistore/unistore.js index eaba7441f3a017..ee6b407320a244 100644 --- a/packages/next/src/compiled/unistore/unistore.js +++ b/packages/next/src/compiled/unistore/unistore.js @@ -1 +1 @@ -(()=>{var t={47:t=>{function n(t,i){for(var _ in i)t[_]=i[_];return t}t.exports=function(t){var i=[];function u(t){for(var _=[],a=0;a{var t={949:t=>{function n(t,i){for(var _ in i)t[_]=i[_];return t}t.exports=function(t){var i=[];function u(t){for(var _=[],a=0;a=18'} peerDependencies: '@types/react': npm:types-react@19.0.0-rc.0 - react: 19.0.0-rc-f6cce072-20240723 - react-dom: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 + react-dom: 19.0.0-rc-76002254-20240724 peerDependenciesMeta: '@types/react': optional: true @@ -10246,7 +10246,7 @@ packages: lucide-react@0.383.0: resolution: {integrity: sha512-13xlG0CQCJtzjSQYwwJ3WRqMHtRj3EXmLlorrARt7y+IHnxUCp3XyFNL1DfaGySWxHObDvnu1u1dV+0VMKHUSg==} peerDependencies: - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 lz-string@1.5.0: resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==} @@ -12486,20 +12486,28 @@ packages: resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==} hasBin: true - react-dom@0.0.0-experimental-f6cce072-20240723: - resolution: {integrity: sha512-0X1LcoifMUvL+efwkvx4hsoHyxIQhqfNVtxHo6Xb4oPsKf1bQG/DYU5+/Vzkyv9dQ4C05pkkEF6kcOXrKj4Rbg==} + react-dom@0.0.0-experimental-76002254-20240724: + resolution: {integrity: sha512-HiM1H8eULbH0o+CeQO2shAylMUFELlQOJ1xonYRG04YMOC3J9gFftDof6GdnycUAgBTVp6/X9DwemMOdvHUpzw==} peerDependencies: - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 react-dom@17.0.2: resolution: {integrity: sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==} peerDependencies: - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 + + react-dom@19.0.0-rc-76002254-20240724: + resolution: {integrity: sha512-ceMPXbNjaOG4BqIvrOiSKxjayuQ+u95Ob8fIDliZD4WaGW4KfU58z/5siUzEl6Eg9EcayUngAuuJDsFhqC0hNQ==} + peerDependencies: + react: 19.0.0-rc-76002254-20240724 react-dom@19.0.0-rc-f6cce072-20240723: resolution: {integrity: sha512-stFRlRTnU+5BnmAesMfki8NG0NquAPaezf0z09UAeyxbjp+IfxbzwH7JjX3BxbdfTsrWorKANKnY2R0FkkSHGQ==} peerDependencies: - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 + + react-is@19.0.0-rc-76002254-20240724: + resolution: {integrity: sha512-H+2N+kFvO42LYIGNOoxveq+s/F3wDiRjhI6Rt8xyRT5qdgjBQvB8I9g1a20/QZioiJXAfnGT3GaUJL9jCFa5xg==} react-is@19.0.0-rc-f6cce072-20240723: resolution: {integrity: sha512-OT8pXPOcgWn8Hs8ZydUuitqB78qG/AuPzatzd4N1IsbofGcyyiohw6GOtii6sqyFSRRz+h7vTsBMPhO6o9ffJg==} @@ -12510,8 +12518,8 @@ packages: react-number-format@5.4.0: resolution: {integrity: sha512-NWdICrqLhI7rAS8yUeLVd6Wr4cN7UjJ9IBTS0f/a9i7UB4x4Ti70kGnksBtZ7o4Z7YRbvCMMR/jQmkoOBa/4fg==} peerDependencies: - react: 19.0.0-rc-f6cce072-20240723 - react-dom: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 + react-dom: 19.0.0-rc-76002254-20240724 react-refresh@0.12.0: resolution: {integrity: sha512-suLIhrU2IHKL5JEKR/fAwJv7bbeq4kJ+pJopf77jHwuR+HmJS/HbrPIGsTBUVfw7tXPOmYv7UJ7PCaN49e8x4A==} @@ -12522,7 +12530,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': npm:types-react@19.0.0-rc.0 - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 peerDependenciesMeta: '@types/react': optional: true @@ -12532,53 +12540,53 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': npm:types-react@19.0.0-rc.0 - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 peerDependenciesMeta: '@types/react': optional: true - react-server-dom-turbopack@0.0.0-experimental-f6cce072-20240723: - resolution: {integrity: sha512-c8lrjU4IIO3pnoAayWmsakm69eIOxP3hXdRNK1vAYrZjkzBuZkr2C+DRzW6Ce6ciyMSt4EVLv/xYfEaz0EfQJw==} + react-server-dom-turbopack@0.0.0-experimental-76002254-20240724: + resolution: {integrity: sha512-ewyODmYohzy6Fpxr+rzBExq7LOB6TpAhgbpPcoxnROEUksgXgQVMTngcKF818LUqCn8nOjM4pXi39wSNi0PbiQ==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.0.0-rc-f6cce072-20240723 - react-dom: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 + react-dom: 19.0.0-rc-76002254-20240724 - react-server-dom-turbopack@19.0.0-rc-f6cce072-20240723: - resolution: {integrity: sha512-H1DxWVytIAqZJJN7Z4a8IvWf7qKpeIn/8bN32dukEeoDO+l+qm704dM6qOegPayV8ycbsgDDxgJ7EumXCJwAsA==} + react-server-dom-turbopack@19.0.0-rc-76002254-20240724: + resolution: {integrity: sha512-BuoMlqnmth/91xqUNMGkMp4VciQiQwuQgXnY+Vzzd4CyeLU8aRHyBVQ+MriZqoYUP6m46QJTT04s4IdataCyhw==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.0.0-rc-f6cce072-20240723 - react-dom: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 + react-dom: 19.0.0-rc-76002254-20240724 - react-server-dom-webpack@0.0.0-experimental-f6cce072-20240723: - resolution: {integrity: sha512-Kq2PwKBf/QmAtsFKDdyf2OP7ymA77OIiYQYFaPGgV8r1igaupx3mNnl+g21G52VjIDePnykwUIy8qV8f+wK1Dw==} + react-server-dom-webpack@0.0.0-experimental-76002254-20240724: + resolution: {integrity: sha512-6Ke95T+T/WGQEtOBvp080a67V0JHRjr7xUK9zSXFhT9BUiX9dm1CspJzQImOD8hbggoijk3W2yFAi5NwyBsXfw==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.0.0-rc-f6cce072-20240723 - react-dom: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 + react-dom: 19.0.0-rc-76002254-20240724 webpack: 5.90.0 - react-server-dom-webpack@19.0.0-rc-f6cce072-20240723: - resolution: {integrity: sha512-Jlen1+r2WS/+VUPxVDqquBP1Eps9m7kYnSlH1dO1ghSWIiYaQKjCrg69dRK10WK6iVfw/TcEE4toCasEjTNUrA==} + react-server-dom-webpack@19.0.0-rc-76002254-20240724: + resolution: {integrity: sha512-9WWxoDdaVNWF8TT8h4GN12J+fYB+5k7XQGgRjJDZBLj3JKE+CTjd1riLYM9qB4O7ZnGHmv3f6J0cGmb34zqGJA==} engines: {node: '>=0.10.0'} peerDependencies: - react: 19.0.0-rc-f6cce072-20240723 - react-dom: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 + react-dom: 19.0.0-rc-76002254-20240724 webpack: 5.90.0 react-ssr-prepass@1.0.8: resolution: {integrity: sha512-O0gfRA1SaK+9ITKxqfnXsej2jF+OHGP/+GxD4unROQaM/0/UczGF9fuF+wTboxaQoKdIf4FvS3h/OigWh704VA==} peerDependencies: - react: 19.0.0-rc-f6cce072-20240723 - react-is: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 + react-is: 19.0.0-rc-76002254-20240724 react-style-singleton@2.2.1: resolution: {integrity: sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==} engines: {node: '>=10'} peerDependencies: '@types/react': npm:types-react@19.0.0-rc.0 - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 peerDependenciesMeta: '@types/react': optional: true @@ -12587,22 +12595,26 @@ packages: resolution: {integrity: sha512-XT1024o2pqCuZSuBt9FwHlaDeNtVrtCXu0Rnz88t1jUGheCLa3PhjE1GH8Ctm2axEtvdCl5SUHYschyQ0L5QHQ==} engines: {node: '>=10'} peerDependencies: - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 react-virtualized@9.22.3: resolution: {integrity: sha512-MKovKMxWTcwPSxE1kK1HcheQTWfuCxAuBoSTf2gwyMM21NdX/PXUhnoP8Uc5dRKd+nKm8v41R36OellhdCpkrw==} peerDependencies: - react: 19.0.0-rc-f6cce072-20240723 - react-dom: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 + react-dom: 19.0.0-rc-76002254-20240724 - react@0.0.0-experimental-f6cce072-20240723: - resolution: {integrity: sha512-MLT3QUF6mOdv+7jpTj+Lo+0Fv5nbBZh+XFuBvBeev9/T1ve+C+t9RkDBtdjV/VPhjmzkpbnQ6lNJ0b/uwEMomA==} + react@0.0.0-experimental-76002254-20240724: + resolution: {integrity: sha512-r26qfXGljKI9mtwZQ/CSUTMdrXSv4YbJNtbpTeyRvIcJKaA7EKXabGjB+8rPI7zEnCieUXs98ya0Qx8cTy0lzA==} engines: {node: '>=0.10.0'} react@17.0.2: resolution: {integrity: sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==} engines: {node: '>=0.10.0'} + react@19.0.0-rc-76002254-20240724: + resolution: {integrity: sha512-Xmrz2CZz6w1DPnOTNEmKhbWgiiuF+n9c9aEZjBefEmBHKA0jwXKYp6a5TWZrUzvAit0UdHPkfAxUkmUGboaRIA==} + engines: {node: '>=0.10.0'} + react@19.0.0-rc-f6cce072-20240723: resolution: {integrity: sha512-yV+oINVMm9DNBQOoQGGY91IUejKyzpg23hE3hAfXY6j7xLkHe4qbwYMTrnMCZeE3iY6HxIHSiG9wmFeTl7jWTg==} engines: {node: '>=0.10.0'} @@ -13126,11 +13138,11 @@ packages: resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==} engines: {node: '>=v12.22.7'} - scheduler@0.0.0-experimental-f6cce072-20240723: - resolution: {integrity: sha512-5xzPKdxCJS0fIGDGVV0dUwR3BjlfC92o6LY0i0wcSdJM/jCv2NygO8TKae1xxRz0+Ho2pF20PeQ2B5IFEMX05Q==} + scheduler@0.0.0-experimental-76002254-20240724: + resolution: {integrity: sha512-QBAwgnknOl/fp4XHB0alhtxECapx55r5ISYghkbwKfh/KiESQtuKUJfJDDPIiXIJAOxPYtRS5TCV1XQYWl2ecw==} - scheduler@0.25.0-rc-f6cce072-20240723: - resolution: {integrity: sha512-U2XR3khUPYe180CEImv90v6Eme84r71Oosk7Yp+fkM4XZ9/1CR4O3nVlUG2lepFm4lCKHClkeOwMScojjcFwvg==} + scheduler@0.25.0-rc-76002254-20240724: + resolution: {integrity: sha512-98eA2ZX9XqcuRJKL+fNCVR62tpcVwsrqa4xWfXB/5LeWopdSmzLPWZjmhw6PUqJ5NfhiitL03Tpe6v1o0O4NtA==} schema-utils@2.7.1: resolution: {integrity: sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==} @@ -13699,8 +13711,8 @@ packages: engines: {node: '>= 16'} peerDependencies: babel-plugin-styled-components: '>= 2' - react: 19.0.0-rc-f6cce072-20240723 - react-dom: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 + react-dom: 19.0.0-rc-76002254-20240724 peerDependenciesMeta: babel-plugin-styled-components: optional: true @@ -13714,7 +13726,7 @@ packages: peerDependencies: '@babel/core': '*' babel-plugin-macros: '*' - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 peerDependenciesMeta: '@babel/core': optional: true @@ -13791,7 +13803,7 @@ packages: swr@2.2.4: resolution: {integrity: sha512-njiZ/4RiIhoOlAaLYDqwz5qH/KZXVilRLvomrx83HjzCWTfa+InyfAjv05PSFxnmLzZkNO9ZfvgoqzAaEI4sGQ==} peerDependencies: - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 symbol-observable@1.0.1: resolution: {integrity: sha512-Kb3PrPYz4HanVF1LVGuAdW6LoVgIwjUYJGzFe7NDrBLCN4lsV/5J0MFurV+ygS4bRVwrCEt2c7MQ1R2a72oJDw==} @@ -14535,7 +14547,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': npm:types-react@19.0.0-rc.0 - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 peerDependenciesMeta: '@types/react': optional: true @@ -14543,13 +14555,13 @@ packages: use-composed-ref@1.3.0: resolution: {integrity: sha512-GLMG0Jc/jiKov/3Ulid1wbv3r54K9HlMW29IWcDFPEqFkSO2nS0MuefWgMJpeHQ9YJeXDL3ZUF+P3jdXlZX/cQ==} peerDependencies: - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 use-isomorphic-layout-effect@1.1.2: resolution: {integrity: sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA==} peerDependencies: '@types/react': '*' - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 peerDependenciesMeta: '@types/react': optional: true @@ -14558,7 +14570,7 @@ packages: resolution: {integrity: sha512-xA+AVm/Wlg3e2P/JiItTziwS7FK92LWrDB0p+hgXloIMuVCeJJ8v6f0eeHyPZaJrM+usM1FkFfbNCrJGs8A/zw==} peerDependencies: '@types/react': '*' - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 peerDependenciesMeta: '@types/react': optional: true @@ -14568,7 +14580,7 @@ packages: engines: {node: '>=10'} peerDependencies: '@types/react': npm:types-react@19.0.0-rc.0 - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 peerDependenciesMeta: '@types/react': optional: true @@ -14576,7 +14588,7 @@ packages: use-sync-external-store@1.2.0: resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==} peerDependencies: - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 use@3.1.1: resolution: {integrity: sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==} @@ -16931,17 +16943,17 @@ snapshots: '@emotion/memoize@0.8.1': {} - '@emotion/react@11.11.1(react@19.0.0-rc-f6cce072-20240723)(types-react@19.0.0-rc.0)': + '@emotion/react@11.11.1(react@19.0.0-rc-76002254-20240724)(types-react@19.0.0-rc.0)': dependencies: '@babel/runtime': 7.22.5 '@emotion/babel-plugin': 11.11.0 '@emotion/cache': 11.11.0 '@emotion/serialize': 1.1.2 - '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@19.0.0-rc-f6cce072-20240723) + '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@19.0.0-rc-76002254-20240724) '@emotion/utils': 1.2.1 '@emotion/weak-memoize': 0.3.1 hoist-non-react-statics: 3.3.2 - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 optionalDependencies: '@types/react': types-react@19.0.0-rc.0 @@ -16957,9 +16969,9 @@ snapshots: '@emotion/unitless@0.8.1': {} - '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.0.0-rc-f6cce072-20240723)': + '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.0.0-rc-76002254-20240724)': dependencies: - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 '@emotion/utils@1.2.1': {} @@ -18321,6 +18333,12 @@ snapshots: transitivePeerDependencies: - supports-color + '@mdx-js/react@2.2.1(react@19.0.0-rc-76002254-20240724)': + dependencies: + '@types/mdx': 2.0.3 + '@types/react': types-react@19.0.0-rc.0 + react: 19.0.0-rc-76002254-20240724 + '@mdx-js/react@2.2.1(react@19.0.0-rc-f6cce072-20240723)': dependencies: '@types/mdx': 2.0.3 @@ -19138,13 +19156,13 @@ snapshots: '@types/jest': 29.5.5 jest: 29.7.0(@types/node@20.12.3)(babel-plugin-macros@3.1.0) - '@testing-library/react@15.0.7(react-dom@19.0.0-rc-f6cce072-20240723(react@19.0.0-rc-f6cce072-20240723))(react@19.0.0-rc-f6cce072-20240723)(types-react@19.0.0-rc.0)': + '@testing-library/react@15.0.7(react-dom@19.0.0-rc-76002254-20240724(react@19.0.0-rc-76002254-20240724))(react@19.0.0-rc-76002254-20240724)(types-react@19.0.0-rc.0)': dependencies: '@babel/runtime': 7.22.5 '@testing-library/dom': 10.1.0 '@types/react-dom': types-react-dom@19.0.0-rc.0 - react: 19.0.0-rc-f6cce072-20240723 - react-dom: 19.0.0-rc-f6cce072-20240723(react@19.0.0-rc-f6cce072-20240723) + react: 19.0.0-rc-76002254-20240724 + react-dom: 19.0.0-rc-76002254-20240724(react@19.0.0-rc-76002254-20240724) optionalDependencies: '@types/react': types-react@19.0.0-rc.0 @@ -24147,7 +24165,7 @@ snapshots: hoist-non-react-statics@3.3.2: dependencies: - react-is: 19.0.0-rc-f6cce072-20240723 + react-is: 19.0.0-rc-76002254-20240724 homedir-polyfill@1.0.3: dependencies: @@ -28563,25 +28581,25 @@ snapshots: '@jest/types': 24.9.0 ansi-regex: 4.1.0 ansi-styles: 3.2.1 - react-is: 19.0.0-rc-f6cce072-20240723 + react-is: 19.0.0-rc-76002254-20240724 pretty-format@27.5.1: dependencies: ansi-regex: 5.0.1 ansi-styles: 5.2.0 - react-is: 19.0.0-rc-f6cce072-20240723 + react-is: 19.0.0-rc-76002254-20240724 pretty-format@29.5.0: dependencies: '@jest/schemas': 29.4.3 ansi-styles: 5.2.0 - react-is: 19.0.0-rc-f6cce072-20240723 + react-is: 19.0.0-rc-76002254-20240724 pretty-format@29.7.0: dependencies: '@jest/schemas': 29.6.3 ansi-styles: 5.2.0 - react-is: 19.0.0-rc-f6cce072-20240723 + react-is: 19.0.0-rc-76002254-20240724 pretty-ms@7.0.0: dependencies: @@ -28638,7 +28656,7 @@ snapshots: dependencies: loose-envify: 1.4.0 object-assign: 4.1.1 - react-is: 19.0.0-rc-f6cce072-20240723 + react-is: 19.0.0-rc-76002254-20240724 property-information@5.6.0: dependencies: @@ -28810,22 +28828,29 @@ snapshots: minimist: 1.2.6 strip-json-comments: 2.0.1 - react-dom@0.0.0-experimental-f6cce072-20240723(react@19.0.0-rc-f6cce072-20240723): + react-dom@0.0.0-experimental-76002254-20240724(react@19.0.0-rc-76002254-20240724): dependencies: - react: 19.0.0-rc-f6cce072-20240723 - scheduler: 0.25.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 + scheduler: 0.25.0-rc-76002254-20240724 - react-dom@17.0.2(react@19.0.0-rc-f6cce072-20240723): + react-dom@17.0.2(react@19.0.0-rc-76002254-20240724): dependencies: loose-envify: 1.4.0 object-assign: 4.1.1 - react: 19.0.0-rc-f6cce072-20240723 - scheduler: 0.25.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 + scheduler: 0.25.0-rc-76002254-20240724 + + react-dom@19.0.0-rc-76002254-20240724(react@19.0.0-rc-76002254-20240724): + dependencies: + react: 19.0.0-rc-76002254-20240724 + scheduler: 0.25.0-rc-76002254-20240724 react-dom@19.0.0-rc-f6cce072-20240723(react@19.0.0-rc-f6cce072-20240723): dependencies: react: 19.0.0-rc-f6cce072-20240723 - scheduler: 0.25.0-rc-f6cce072-20240723 + scheduler: 0.25.0-rc-76002254-20240724 + + react-is@19.0.0-rc-76002254-20240724: {} react-is@19.0.0-rc-f6cce072-20240723: {} @@ -28858,40 +28883,40 @@ snapshots: optionalDependencies: '@types/react': types-react@19.0.0-rc.0 - react-server-dom-turbopack@0.0.0-experimental-f6cce072-20240723(react-dom@19.0.0-rc-f6cce072-20240723(react@19.0.0-rc-f6cce072-20240723))(react@19.0.0-rc-f6cce072-20240723): + react-server-dom-turbopack@0.0.0-experimental-76002254-20240724(react-dom@19.0.0-rc-76002254-20240724(react@19.0.0-rc-76002254-20240724))(react@19.0.0-rc-76002254-20240724): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.0.0-rc-f6cce072-20240723 - react-dom: 19.0.0-rc-f6cce072-20240723(react@19.0.0-rc-f6cce072-20240723) + react: 19.0.0-rc-76002254-20240724 + react-dom: 19.0.0-rc-76002254-20240724(react@19.0.0-rc-76002254-20240724) - react-server-dom-turbopack@19.0.0-rc-f6cce072-20240723(react-dom@19.0.0-rc-f6cce072-20240723(react@19.0.0-rc-f6cce072-20240723))(react@19.0.0-rc-f6cce072-20240723): + react-server-dom-turbopack@19.0.0-rc-76002254-20240724(react-dom@19.0.0-rc-76002254-20240724(react@19.0.0-rc-76002254-20240724))(react@19.0.0-rc-76002254-20240724): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.0.0-rc-f6cce072-20240723 - react-dom: 19.0.0-rc-f6cce072-20240723(react@19.0.0-rc-f6cce072-20240723) + react: 19.0.0-rc-76002254-20240724 + react-dom: 19.0.0-rc-76002254-20240724(react@19.0.0-rc-76002254-20240724) - react-server-dom-webpack@0.0.0-experimental-f6cce072-20240723(react-dom@19.0.0-rc-f6cce072-20240723(react@19.0.0-rc-f6cce072-20240723))(react@19.0.0-rc-f6cce072-20240723)(webpack@5.90.0(@swc/core@1.6.13(@swc/helpers@0.5.12))): + react-server-dom-webpack@0.0.0-experimental-76002254-20240724(react-dom@19.0.0-rc-76002254-20240724(react@19.0.0-rc-76002254-20240724))(react@19.0.0-rc-76002254-20240724)(webpack@5.90.0(@swc/core@1.6.13(@swc/helpers@0.5.12))): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.0.0-rc-f6cce072-20240723 - react-dom: 19.0.0-rc-f6cce072-20240723(react@19.0.0-rc-f6cce072-20240723) + react: 19.0.0-rc-76002254-20240724 + react-dom: 19.0.0-rc-76002254-20240724(react@19.0.0-rc-76002254-20240724) webpack: 5.90.0(@swc/core@1.6.13(@swc/helpers@0.5.12)) - react-server-dom-webpack@19.0.0-rc-f6cce072-20240723(react-dom@19.0.0-rc-f6cce072-20240723(react@19.0.0-rc-f6cce072-20240723))(react@19.0.0-rc-f6cce072-20240723)(webpack@5.90.0(@swc/core@1.6.13(@swc/helpers@0.5.12))): + react-server-dom-webpack@19.0.0-rc-76002254-20240724(react-dom@19.0.0-rc-76002254-20240724(react@19.0.0-rc-76002254-20240724))(react@19.0.0-rc-76002254-20240724)(webpack@5.90.0(@swc/core@1.6.13(@swc/helpers@0.5.12))): dependencies: acorn-loose: 8.3.0 neo-async: 2.6.1 - react: 19.0.0-rc-f6cce072-20240723 - react-dom: 19.0.0-rc-f6cce072-20240723(react@19.0.0-rc-f6cce072-20240723) + react: 19.0.0-rc-76002254-20240724 + react-dom: 19.0.0-rc-76002254-20240724(react@19.0.0-rc-76002254-20240724) webpack: 5.90.0(@swc/core@1.6.13(@swc/helpers@0.5.12)) - react-ssr-prepass@1.0.8(react-is@19.0.0-rc-f6cce072-20240723)(react@19.0.0-rc-f6cce072-20240723): + react-ssr-prepass@1.0.8(react-is@19.0.0-rc-f6cce072-20240723)(react@19.0.0-rc-76002254-20240724): dependencies: object-is: 1.0.2 - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 react-is: 19.0.0-rc-f6cce072-20240723 react-style-singleton@2.2.1(react@19.0.0-rc-f6cce072-20240723)(types-react@19.0.0-rc.0): @@ -28912,24 +28937,26 @@ snapshots: transitivePeerDependencies: - '@types/react' - react-virtualized@9.22.3(react-dom@19.0.0-rc-f6cce072-20240723(react@19.0.0-rc-f6cce072-20240723))(react@19.0.0-rc-f6cce072-20240723): + react-virtualized@9.22.3(react-dom@19.0.0-rc-76002254-20240724(react@19.0.0-rc-76002254-20240724))(react@19.0.0-rc-76002254-20240724): dependencies: '@babel/runtime': 7.22.5 clsx: 1.1.1 dom-helpers: 5.2.1 loose-envify: 1.4.0 prop-types: 15.8.1 - react: 19.0.0-rc-f6cce072-20240723 - react-dom: 19.0.0-rc-f6cce072-20240723(react@19.0.0-rc-f6cce072-20240723) + react: 19.0.0-rc-76002254-20240724 + react-dom: 19.0.0-rc-76002254-20240724(react@19.0.0-rc-76002254-20240724) react-lifecycles-compat: 3.0.4 - react@0.0.0-experimental-f6cce072-20240723: {} + react@0.0.0-experimental-76002254-20240724: {} react@17.0.2: dependencies: loose-envify: 1.4.0 object-assign: 4.1.1 + react@19.0.0-rc-76002254-20240724: {} + react@19.0.0-rc-f6cce072-20240723: {} read-cache@1.0.0: @@ -29618,9 +29645,9 @@ snapshots: dependencies: xmlchars: 2.2.0 - scheduler@0.0.0-experimental-f6cce072-20240723: {} + scheduler@0.0.0-experimental-76002254-20240724: {} - scheduler@0.25.0-rc-f6cce072-20240723: {} + scheduler@0.25.0-rc-76002254-20240724: {} schema-utils@2.7.1: dependencies: @@ -30269,7 +30296,7 @@ snapshots: dependencies: inline-style-parser: 0.1.1 - styled-components@6.0.0-rc.3(react-dom@19.0.0-rc-f6cce072-20240723(react@19.0.0-rc-f6cce072-20240723))(react@19.0.0-rc-f6cce072-20240723): + styled-components@6.0.0-rc.3(react-dom@19.0.0-rc-76002254-20240724(react@19.0.0-rc-76002254-20240724))(react@19.0.0-rc-76002254-20240724): dependencies: '@babel/cli': 7.21.5(@babel/core@7.22.5) '@babel/core': 7.22.5 @@ -30284,8 +30311,8 @@ snapshots: '@emotion/unitless': 0.8.1 css-to-react-native: 3.2.0 postcss: 8.4.31 - react: 19.0.0-rc-f6cce072-20240723 - react-dom: 19.0.0-rc-f6cce072-20240723(react@19.0.0-rc-f6cce072-20240723) + react: 19.0.0-rc-76002254-20240724 + react-dom: 19.0.0-rc-76002254-20240724(react@19.0.0-rc-76002254-20240724) shallowequal: 1.1.0 stylis: 4.2.0 tslib: 2.5.3 @@ -30297,10 +30324,10 @@ snapshots: postcss: 7.0.32 postcss-load-plugins: 2.3.0 - styled-jsx@5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.0.0-rc-f6cce072-20240723): + styled-jsx@5.1.6(@babel/core@7.22.5)(babel-plugin-macros@3.1.0)(react@19.0.0-rc-76002254-20240724): dependencies: client-only: 0.0.1 - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 optionalDependencies: '@babel/core': 7.22.5 babel-plugin-macros: 3.1.0 @@ -30390,11 +30417,11 @@ snapshots: picocolors: 1.0.0 stable: 0.1.8 - swr@2.2.4(react@19.0.0-rc-f6cce072-20240723): + swr@2.2.4(react@19.0.0-rc-76002254-20240724): dependencies: client-only: 0.0.1 - react: 19.0.0-rc-f6cce072-20240723 - use-sync-external-store: 1.2.0(react@19.0.0-rc-f6cce072-20240723) + react: 19.0.0-rc-76002254-20240724 + use-sync-external-store: 1.2.0(react@19.0.0-rc-76002254-20240724) symbol-observable@1.0.1: {} @@ -31083,9 +31110,9 @@ snapshots: unist-util-is: 5.2.0 unist-util-visit-parents: 5.1.3 - unistore@3.4.1(react@19.0.0-rc-f6cce072-20240723): + unistore@3.4.1(react@19.0.0-rc-76002254-20240724): optionalDependencies: - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 universal-github-app-jwt@1.1.1: dependencies: @@ -31210,9 +31237,9 @@ snapshots: optionalDependencies: '@types/react': types-react@19.0.0-rc.0 - use-sync-external-store@1.2.0(react@19.0.0-rc-f6cce072-20240723): + use-sync-external-store@1.2.0(react@19.0.0-rc-76002254-20240724): dependencies: - react: 19.0.0-rc-f6cce072-20240723 + react: 19.0.0-rc-76002254-20240724 use@3.1.1: {}