diff --git a/.github/.react-version b/.github/.react-version index 2aef871443327..22234b53975f0 100644 --- a/.github/.react-version +++ b/.github/.react-version @@ -1 +1 @@ -19.0.0-rc-01172397-20240716 \ No newline at end of file +19.0.0-rc-f6cce072-20240723 \ No newline at end of file diff --git a/examples/reproduction-template/package.json b/examples/reproduction-template/package.json index 47823f48b4fca..919dd60e27a66 100644 --- a/examples/reproduction-template/package.json +++ b/examples/reproduction-template/package.json @@ -7,8 +7,8 @@ }, "dependencies": { "next": "canary", - "react": "19.0.0-rc-01172397-20240716", - "react-dom": "19.0.0-rc-01172397-20240716" + "react": "19.0.0-rc-f6cce072-20240723", + "react-dom": "19.0.0-rc-f6cce072-20240723" }, "devDependencies": { "@types/node": "20.12.12", diff --git a/package.json b/package.json index d32678116ecc1..d98124a1474a0 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-01172397-20240716", + "react": "19.0.0-rc-f6cce072-20240723", "react-17": "npm:react@17.0.2", - "react-builtin": "npm:react@19.0.0-rc-01172397-20240716", - "react-dom": "19.0.0-rc-01172397-20240716", + "react-builtin": "npm:react@19.0.0-rc-f6cce072-20240723", + "react-dom": "19.0.0-rc-f6cce072-20240723", "react-dom-17": "npm:react-dom@17.0.2", - "react-dom-builtin": "npm:react-dom@19.0.0-rc-01172397-20240716", - "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-01172397-20240716", - "react-experimental-builtin": "npm:react@0.0.0-experimental-01172397-20240716", - "react-is-builtin": "npm:react-is@19.0.0-rc-01172397-20240716", - "react-server-dom-turbopack": "19.0.0-rc-01172397-20240716", - "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-01172397-20240716", - "react-server-dom-webpack": "19.0.0-rc-01172397-20240716", - "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-01172397-20240716", + "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-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-01172397-20240716", - "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-01172397-20240716", + "scheduler-builtin": "npm:scheduler@0.25.0-rc-f6cce072-20240723", + "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-f6cce072-20240723", "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-01172397-20240716", - "react-dom": "19.0.0-rc-01172397-20240716", - "react-is": "19.0.0-rc-01172397-20240716", - "scheduler": "0.25.0-rc-01172397-20240716" + "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" }, "engines": { "node": ">=18.18.0", diff --git a/packages/create-next-app/templates/index.ts b/packages/create-next-app/templates/index.ts index 51590dfcc9ebd..c7212e26fa522 100644 --- a/packages/create-next-app/templates/index.ts +++ b/packages/create-next-app/templates/index.ts @@ -184,8 +184,8 @@ export const installTemplate = async ({ * Default dependencies. */ dependencies: { - react: "19.0.0-rc-01172397-20240716", - "react-dom": "19.0.0-rc-01172397-20240716", + react: "19.0.0-rc-f6cce072-20240723", + "react-dom": "19.0.0-rc-f6cce072-20240723", next: version, }, devDependencies: {}, diff --git a/packages/next/package.json b/packages/next/package.json index 65e9384dc5627..071e78253b357 100644 --- a/packages/next/package.json +++ b/packages/next/package.json @@ -106,8 +106,8 @@ "@opentelemetry/api": "^1.1.0", "@playwright/test": "^1.41.2", "babel-plugin-react-compiler": "*", - "react": "19.0.0-rc-01172397-20240716", - "react-dom": "19.0.0-rc-01172397-20240716", + "react": "19.0.0-rc-f6cce072-20240723", + "react-dom": "19.0.0-rc-f6cce072-20240723", "sass": "^1.3.0" }, "peerDependenciesMeta": { 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 f6341de6a4639..f45cb0944f3d9 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 @@ -203,8 +203,8 @@ return "number" === typeof owner.tag ? getComponentNameFromFiber(owner) : "string" === typeof owner.name - ? owner.name - : null; + ? owner.name + : null; } function getComponentNameFromFiber(fiber) { var type = fiber.type; @@ -328,8 +328,8 @@ -1 < x.stack.indexOf("\n at") ? " ()" : -1 < x.stack.indexOf("@") - ? "@unknown:0:0" - : ""; + ? "@unknown:0:0" + : ""; } return "\n" + prefix + name + suffix; } @@ -485,31 +485,19 @@ "function" === typeof fn && componentFrameCache.set(fn, sampleLines); return sampleLines; } - function callComponentInDEV(Component, props, secondArg) { - var wasRendering = isRendering; - isRendering = !0; - try { - return Component(props, secondArg); - } finally { - isRendering = wasRendering; - } - } - function callRenderInDEV(instance) { - var wasRendering = isRendering; - isRendering = !0; - try { - return instance.render(); - } finally { - isRendering = wasRendering; - } - } - function callLazyInitInDEV(lazy) { - var init = lazy._init; - return init(lazy._payload); - } function isNotExternal(stackFrame) { return !externalRegExp.test(stackFrame); } + function filterDebugStack(error) { + error = error.stack; + 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); + else return ""; + return error.split("\n").slice(1).filter(isNotExternal).join("\n"); + } function describeFiber(fiber) { switch (fiber.tag) { case 26: @@ -609,104 +597,23 @@ var fiber = workInProgress; workInProgress = fiber._debugOwner; var debugStack = fiber._debugStack; - if (workInProgress && debugStack) { - if ("string" !== typeof debugStack) { - var stack = debugStack.stack; - stack.startsWith("Error: react-stack-top-frame\n") && - (stack = stack.slice(29)); - var frames = stack.split("\n").slice(1); - if (null === callComponentFrame) { - var stack$jscomp$0 = callComponentInDEV( - Error, - "react-stack-top-frame", - {} - ).stack, - startIdx = stack$jscomp$0.startsWith( - "Error: react-stack-top-frame\n" - ) - ? 29 - : 0, - endIdx = stack$jscomp$0.indexOf("\n", startIdx); - callComponentFrame = - -1 === endIdx - ? stack$jscomp$0.slice(startIdx) - : stack$jscomp$0.slice(startIdx, endIdx); - } - var lastFrameIdx = frames.indexOf(callComponentFrame); - if (-1 === lastFrameIdx) { - if (null === callLazyInitFrame) { - var stack$jscomp$1 = callLazyInitInDEV({ - $$typeof: REACT_LAZY_TYPE, - _init: Error, - _payload: "react-stack-top-frame" - }).stack, - startIdx$jscomp$0 = stack$jscomp$1.startsWith( - "Error: react-stack-top-frame\n" - ) - ? 29 - : 0, - endIdx$jscomp$0 = stack$jscomp$1.indexOf( - "\n", - startIdx$jscomp$0 - ); - callLazyInitFrame = - -1 === endIdx$jscomp$0 - ? stack$jscomp$1.slice(startIdx$jscomp$0) - : stack$jscomp$1.slice( - startIdx$jscomp$0, - endIdx$jscomp$0 - ); - } - lastFrameIdx = frames.indexOf(callLazyInitFrame); - if (-1 === lastFrameIdx) { - if (null === callIteratorFrame) - try { - callRenderInDEV({ render: null }), - (callIteratorFrame = ""); - } catch (error) { - var stack$jscomp$2 = error.stack, - startIdx$jscomp$1 = stack$jscomp$2.startsWith( - "TypeError: " - ) - ? stack$jscomp$2.indexOf("\n") + 1 - : 0, - endIdx$jscomp$1 = stack$jscomp$2.indexOf( - "\n", - startIdx$jscomp$1 - ); - callIteratorFrame = - -1 === endIdx$jscomp$1 - ? stack$jscomp$2.slice(startIdx$jscomp$1) - : stack$jscomp$2.slice( - startIdx$jscomp$1, - endIdx$jscomp$1 - ); - } - lastFrameIdx = frames.indexOf(callIteratorFrame); - } - } - if (-1 !== lastFrameIdx) { - frames.length = lastFrameIdx; - var JSCompiler_inline_result = frames - .filter(isNotExternal) - .join("\n"); - } else JSCompiler_inline_result = ""; - fiber._debugStack = debugStack = JSCompiler_inline_result; - } - "" !== debugStack && (info += "\n" + debugStack); - } - } else if ("string" === typeof workInProgress.stack) { - var ownerStack = workInProgress.stack; + workInProgress && + debugStack && + ("string" !== typeof debugStack && + (fiber._debugStack = debugStack = filterDebugStack(debugStack)), + "" !== debugStack && (info += "\n" + debugStack)); + } else if (null != workInProgress.debugStack) { + var ownerStack = workInProgress.debugStack; (workInProgress = workInProgress.owner) && - "" !== ownerStack && - (info += "\n" + ownerStack); + ownerStack && + (info += "\n" + filterDebugStack(ownerStack)); } else break; - var JSCompiler_inline_result$jscomp$0 = info; + var JSCompiler_inline_result = info; } catch (x) { - JSCompiler_inline_result$jscomp$0 = + JSCompiler_inline_result = "\nError generating stack: " + x.message + "\n" + x.stack; } - return JSCompiler_inline_result$jscomp$0; + return JSCompiler_inline_result; } function runWithFiberInDEV(fiber, callback, arg0, arg1, arg2, arg3, arg4) { var previousFiber = current; @@ -1231,14 +1138,15 @@ return 0 === nextLanes ? 0 : 0 !== wipLanes && - wipLanes !== nextLanes && - 0 === (wipLanes & suspendedLanes) && - ((suspendedLanes = nextLanes & -nextLanes), - (root = wipLanes & -wipLanes), - suspendedLanes >= root || - (suspendedLanes === DefaultLane && 0 !== (root & TransitionLanes))) - ? wipLanes - : nextLanes; + wipLanes !== nextLanes && + 0 === (wipLanes & suspendedLanes) && + ((suspendedLanes = nextLanes & -nextLanes), + (root = wipLanes & -wipLanes), + suspendedLanes >= root || + (suspendedLanes === DefaultLane && + 0 !== (root & TransitionLanes))) + ? wipLanes + : nextLanes; } function computeExpirationTime(lane, currentTime) { switch (lane) { @@ -1769,8 +1677,8 @@ null != value ? setDefaultValue(element, type, getToStringValue(value)) : null != defaultValue - ? setDefaultValue(element, type, getToStringValue(defaultValue)) - : null != lastDefaultValue && element.removeAttribute("value"); + ? setDefaultValue(element, type, getToStringValue(defaultValue)) + : null != lastDefaultValue && element.removeAttribute("value"); null == checked && null != defaultChecked && (element.defaultChecked = !!defaultChecked); @@ -2024,10 +1932,10 @@ : "{" + content.slice(0, maxLength - 7) + '..."}' : "{" + content + "}") : content.length > maxLength - ? 5 > maxLength - ? '{"..."}' - : content.slice(0, maxLength - 3) + "..." - : content; + ? 5 > maxLength + ? '{"..."}' + : content.slice(0, maxLength - 3) + "..." + : content; } function describeTextDiff(clientText, serverProps, indent) { var maxLength = 120 - 2 * indent; @@ -2121,10 +2029,10 @@ return "string" !== typeof value || needsEscaping.test(value) ? "{" + describeValue(value, maxLength - 2) + "}" : value.length > maxLength - 2 - ? 5 > maxLength - ? '"..."' - : '"' + value.slice(0, maxLength - 5) + '..."' - : '"' + value + '"'; + ? 5 > maxLength + ? '"..."' + : '"' + value.slice(0, maxLength - 5) + '..."' + : '"' + value + '"'; } function describeExpandedElement(type, props, rowPrefix) { var remainingRowLength = 120 - rowPrefix.length - type.length, @@ -2142,17 +2050,17 @@ return 0 === properties.length ? rowPrefix + "<" + type + ">\n" : 0 < remainingRowLength - ? rowPrefix + "<" + type + " " + properties.join(" ") + ">\n" - : rowPrefix + - "<" + - type + - "\n" + - rowPrefix + - " " + - properties.join("\n" + rowPrefix + " ") + - "\n" + - rowPrefix + - ">\n"; + ? rowPrefix + "<" + type + " " + properties.join(" ") + ">\n" + : rowPrefix + + "<" + + type + + "\n" + + rowPrefix + + " " + + properties.join("\n" + rowPrefix + " ") + + "\n" + + rowPrefix + + ">\n"; } function describePropertiesDiff(clientObject, serverObject, indent) { var properties = "", @@ -2375,16 +2283,16 @@ )), indent++) : "string" === typeof node.serverProps - ? console.error( - "Should not have matched a non HostText fiber to a Text node. This is a bug in React." - ) - : ((debugInfo = describeElementDiff( - serverComponentName, - i, - node.serverProps, - indent - )), - indent++); + ? console.error( + "Should not have matched a non HostText fiber to a Text node. This is a bug in React." + ) + : ((debugInfo = describeElementDiff( + serverComponentName, + i, + node.serverProps, + indent + )), + indent++); var propName = ""; i = node.fiber.child; for ( @@ -2754,23 +2662,23 @@ camelize(styleName.replace(msPattern, "ms-")) )) : badVendoredStyleNamePattern.test(styleName) - ? (warnedStyleNames.hasOwnProperty(styleName) && - warnedStyleNames[styleName]) || - ((warnedStyleNames[styleName] = !0), - console.error( - "Unsupported vendor-prefixed style property %s. Did you mean %s?", - styleName, - styleName.charAt(0).toUpperCase() + styleName.slice(1) - )) - : !badStyleValueWithSemicolonPattern.test(value) || - (warnedStyleValues.hasOwnProperty(value) && - warnedStyleValues[value]) || - ((warnedStyleValues[value] = !0), - console.error( - 'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.', - styleName, - value.replace(badStyleValueWithSemicolonPattern, "") - )), + ? (warnedStyleNames.hasOwnProperty(styleName) && + warnedStyleNames[styleName]) || + ((warnedStyleNames[styleName] = !0), + console.error( + "Unsupported vendor-prefixed style property %s. Did you mean %s?", + styleName, + styleName.charAt(0).toUpperCase() + styleName.slice(1) + )) + : !badStyleValueWithSemicolonPattern.test(value) || + (warnedStyleValues.hasOwnProperty(value) && + warnedStyleValues[value]) || + ((warnedStyleValues[value] = !0), + console.error( + 'Style property values shouldn\'t contain a semicolon. Try "%s: %s" instead.', + styleName, + value.replace(badStyleValueWithSemicolonPattern, "") + )), "number" === typeof value && (isNaN(value) ? warnedForNaNValue || @@ -2790,18 +2698,18 @@ ? isCustomProperty ? style.setProperty(styleName, "") : "float" === styleName - ? (style.cssFloat = "") - : (style[styleName] = "") + ? (style.cssFloat = "") + : (style[styleName] = "") : isCustomProperty - ? style.setProperty(styleName, value) - : "number" !== typeof value || - 0 === value || - unitlessNumbers.has(styleName) - ? "float" === styleName - ? (style.cssFloat = value) - : (checkCSSPropertyStringCoercion(value, styleName), - (style[styleName] = ("" + value).trim())) - : (style[styleName] = value + "px"); + ? style.setProperty(styleName, value) + : "number" !== typeof value || + 0 === value || + unitlessNumbers.has(styleName) + ? "float" === styleName + ? (style.cssFloat = value) + : (checkCSSPropertyStringCoercion(value, styleName), + (style[styleName] = ("" + value).trim())) + : (style[styleName] = value + "px"); } function setValueForStyles(node, styles, prevStyles) { if (null != styles && "object" !== typeof styles) @@ -2870,8 +2778,8 @@ (0 === styleName.indexOf("--") ? node.setProperty(styleName, "") : "float" === styleName - ? (node.cssFloat = "") - : (node[styleName] = "")); + ? (node.cssFloat = "") + : (node[styleName] = "")); for (var _styleName in styles) (_key2 = styles[_styleName]), styles.hasOwnProperty(_styleName) && @@ -3478,8 +3386,8 @@ return nativeEvent.getModifierState ? nativeEvent.getModifierState(keyArg) : (keyArg = modifierKeyToProp[keyArg]) - ? !!nativeEvent[keyArg] - : !1; + ? !!nativeEvent[keyArg] + : !1; } function getEventModifierState() { return modifierStateGetter; @@ -3564,8 +3472,8 @@ return "input" === nodeName ? !!supportedInputTypes[elem.type] : "textarea" === nodeName - ? !0 - : !1; + ? !0 + : !1; } function isEventSupported(eventNameSuffix) { if (!canUseDOM) return !1; @@ -3713,14 +3621,14 @@ ? outerNode === innerNode ? !0 : outerNode && 3 === outerNode.nodeType - ? !1 - : innerNode && 3 === innerNode.nodeType - ? containsNode(outerNode, innerNode.parentNode) - : "contains" in outerNode - ? outerNode.contains(innerNode) - : outerNode.compareDocumentPosition - ? !!(outerNode.compareDocumentPosition(innerNode) & 16) - : !1 + ? !1 + : innerNode && 3 === innerNode.nodeType + ? containsNode(outerNode, innerNode.parentNode) + : "contains" in outerNode + ? outerNode.contains(innerNode) + : outerNode.compareDocumentPosition + ? !!(outerNode.compareDocumentPosition(innerNode) & 16) + : !1 : !1; } function getActiveElementDeep() { @@ -3863,8 +3771,8 @@ nativeEventTarget.window === nativeEventTarget ? nativeEventTarget.document : 9 === nativeEventTarget.nodeType - ? nativeEventTarget - : nativeEventTarget.ownerDocument; + ? nativeEventTarget + : nativeEventTarget.ownerDocument; mouseDown || null == activeElement || activeElement !== getActiveElement(doc) || @@ -5704,7 +5612,7 @@ for (var i = debugInfo.length - 1; 0 <= i; i--) if ("string" === typeof debugInfo[i].stack) { fiber._debugOwner = debugInfo[i]; - fiber._debugTask = debugInfo[i].task; + fiber._debugTask = debugInfo[i].debugTask; break; } return fiber; @@ -6024,8 +5932,8 @@ null !== current && null !== current.memoizedState ? HooksDispatcherOnUpdateInDEV : null !== hookTypesDev - ? HooksDispatcherOnMountWithHookTypesInDEV - : HooksDispatcherOnMountInDEV; + ? HooksDispatcherOnMountWithHookTypesInDEV + : HooksDispatcherOnMountInDEV; shouldDoubleInvokeUserFnsInHooksDEV = nextRenderLanes = 0 !== (workInProgress.mode & 8); var children = callComponentInDEV(Component, props, secondArg); @@ -8325,12 +8233,12 @@ void 0 === _instance ? " However, it is set to undefined. This can be caused by a typo or by mixing up named and default imports. This can also happen due to a circular dependency, so try moving the createContext() call to a separate file." : "object" !== typeof _instance - ? " However, it is set to a " + typeof _instance + "." - : _instance.$$typeof === REACT_CONSUMER_TYPE - ? " Did you accidentally pass the Context.Consumer instead?" - : " However, it is set to an object with keys {" + - Object.keys(_instance).join(", ") + - "}."), + ? " However, it is set to a " + typeof _instance + "." + : _instance.$$typeof === REACT_CONSUMER_TYPE + ? " Did you accidentally pass the Context.Consumer instead?" + : " However, it is set to an object with keys {" + + Object.keys(_instance).join(", ") + + "}."), console.error( "%s defines an invalid contextType. contextType should point to the Context object returned by React.createContext().%s", getComponentNameFromType(Component) || "Component", @@ -8875,33 +8783,33 @@ return current; } function updateSuspenseComponent(current, workInProgress, renderLanes) { - var JSCompiler_object_inline_componentStack_2322; - var JSCompiler_object_inline_stack_2321 = workInProgress.pendingProps; + var JSCompiler_object_inline_componentStack_2299; + var JSCompiler_object_inline_stack_2298 = workInProgress.pendingProps; shouldSuspendImpl(workInProgress) && (workInProgress.flags |= 128); - var JSCompiler_object_inline_message_2319 = !1; + var JSCompiler_object_inline_message_2296 = !1; var didSuspend = 0 !== (workInProgress.flags & 128); - (JSCompiler_object_inline_componentStack_2322 = didSuspend) || - (JSCompiler_object_inline_componentStack_2322 = + (JSCompiler_object_inline_componentStack_2299 = didSuspend) || + (JSCompiler_object_inline_componentStack_2299 = null !== current && null === current.memoizedState ? !1 : 0 !== (suspenseStackCursor.current & ForceSuspenseFallback)); - JSCompiler_object_inline_componentStack_2322 && - ((JSCompiler_object_inline_message_2319 = !0), + JSCompiler_object_inline_componentStack_2299 && + ((JSCompiler_object_inline_message_2296 = !0), (workInProgress.flags &= -129)); - JSCompiler_object_inline_componentStack_2322 = + JSCompiler_object_inline_componentStack_2299 = 0 !== (workInProgress.flags & 32); workInProgress.flags &= -33; if (null === current) { if (isHydrating) { - JSCompiler_object_inline_message_2319 + JSCompiler_object_inline_message_2296 ? pushPrimaryTreeSuspenseHandler(workInProgress) : reuseSuspenseHandlerOnStack(workInProgress); if (isHydrating) { - var JSCompiler_object_inline_digest_2320 = nextHydratableInstance; + var JSCompiler_object_inline_digest_2297 = nextHydratableInstance; var JSCompiler_temp; - if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2320)) { + if (!(JSCompiler_temp = !JSCompiler_object_inline_digest_2297)) { c: { - var instance = JSCompiler_object_inline_digest_2320; + var instance = JSCompiler_object_inline_digest_2297; for ( JSCompiler_temp = rootOrSingletonContext; 8 !== instance.nodeType; @@ -8942,19 +8850,19 @@ JSCompiler_temp && (warnNonHydratedInstance( workInProgress, - JSCompiler_object_inline_digest_2320 + JSCompiler_object_inline_digest_2297 ), throwOnHydrationMismatch(workInProgress)); } - JSCompiler_object_inline_digest_2320 = workInProgress.memoizedState; + JSCompiler_object_inline_digest_2297 = workInProgress.memoizedState; if ( - null !== JSCompiler_object_inline_digest_2320 && - ((JSCompiler_object_inline_digest_2320 = - JSCompiler_object_inline_digest_2320.dehydrated), - null !== JSCompiler_object_inline_digest_2320) + null !== JSCompiler_object_inline_digest_2297 && + ((JSCompiler_object_inline_digest_2297 = + JSCompiler_object_inline_digest_2297.dehydrated), + null !== JSCompiler_object_inline_digest_2297) ) return ( - JSCompiler_object_inline_digest_2320.data === + JSCompiler_object_inline_digest_2297.data === SUSPENSE_FALLBACK_START_DATA ? (workInProgress.lanes = DefaultHydrationLane) : (workInProgress.lanes = OffscreenLane), @@ -8962,68 +8870,68 @@ ); popSuspenseHandler(workInProgress); } - JSCompiler_object_inline_digest_2320 = - JSCompiler_object_inline_stack_2321.children; - JSCompiler_temp = JSCompiler_object_inline_stack_2321.fallback; - if (JSCompiler_object_inline_message_2319) + JSCompiler_object_inline_digest_2297 = + JSCompiler_object_inline_stack_2298.children; + JSCompiler_temp = JSCompiler_object_inline_stack_2298.fallback; + if (JSCompiler_object_inline_message_2296) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2321 = + (JSCompiler_object_inline_stack_2298 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2320, + JSCompiler_object_inline_digest_2297, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2319 = workInProgress.child), - (JSCompiler_object_inline_message_2319.memoizedState = + (JSCompiler_object_inline_message_2296 = workInProgress.child), + (JSCompiler_object_inline_message_2296.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2319.childLanes = + (JSCompiler_object_inline_message_2296.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2322, + JSCompiler_object_inline_componentStack_2299, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2321 + JSCompiler_object_inline_stack_2298 ); if ( "number" === - typeof JSCompiler_object_inline_stack_2321.unstable_expectedLoadTime + typeof JSCompiler_object_inline_stack_2298.unstable_expectedLoadTime ) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_stack_2321 = + (JSCompiler_object_inline_stack_2298 = mountSuspenseFallbackChildren( workInProgress, - JSCompiler_object_inline_digest_2320, + JSCompiler_object_inline_digest_2297, JSCompiler_temp, renderLanes )), - (JSCompiler_object_inline_message_2319 = workInProgress.child), - (JSCompiler_object_inline_message_2319.memoizedState = + (JSCompiler_object_inline_message_2296 = workInProgress.child), + (JSCompiler_object_inline_message_2296.memoizedState = mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_message_2319.childLanes = + (JSCompiler_object_inline_message_2296.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2322, + JSCompiler_object_inline_componentStack_2299, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), (workInProgress.lanes = 4194304), - JSCompiler_object_inline_stack_2321 + JSCompiler_object_inline_stack_2298 ); pushPrimaryTreeSuspenseHandler(workInProgress); return mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_digest_2320 + JSCompiler_object_inline_digest_2297 ); } var prevState = current.memoizedState; if ( null !== prevState && - ((JSCompiler_object_inline_digest_2320 = prevState.dehydrated), - null !== JSCompiler_object_inline_digest_2320) + ((JSCompiler_object_inline_digest_2297 = prevState.dehydrated), + null !== JSCompiler_object_inline_digest_2297) ) { if (didSuspend) workInProgress.flags & 256 @@ -9035,98 +8943,99 @@ renderLanes ))) : null !== workInProgress.memoizedState - ? (reuseSuspenseHandlerOnStack(workInProgress), - (workInProgress.child = current.child), - (workInProgress.flags |= 128), - (workInProgress = null)) - : (reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2319 = - JSCompiler_object_inline_stack_2321.fallback), - (JSCompiler_object_inline_digest_2320 = workInProgress.mode), - (JSCompiler_object_inline_stack_2321 = - mountWorkInProgressOffscreenFiber( - { - mode: "visible", - children: JSCompiler_object_inline_stack_2321.children - }, - JSCompiler_object_inline_digest_2320 - )), - (JSCompiler_object_inline_message_2319 = createFiberFromFragment( - JSCompiler_object_inline_message_2319, - JSCompiler_object_inline_digest_2320, - renderLanes, - null - )), - (JSCompiler_object_inline_message_2319.flags |= 2), - (JSCompiler_object_inline_stack_2321.return = workInProgress), - (JSCompiler_object_inline_message_2319.return = workInProgress), - (JSCompiler_object_inline_stack_2321.sibling = - JSCompiler_object_inline_message_2319), - (workInProgress.child = JSCompiler_object_inline_stack_2321), - reconcileChildFibers( - workInProgress, - current.child, - null, - renderLanes - ), - (JSCompiler_object_inline_stack_2321 = workInProgress.child), - (JSCompiler_object_inline_stack_2321.memoizedState = - mountSuspenseOffscreenState(renderLanes)), - (JSCompiler_object_inline_stack_2321.childLanes = - getRemainingWorkInPrimaryTree( - current, - JSCompiler_object_inline_componentStack_2322, + ? (reuseSuspenseHandlerOnStack(workInProgress), + (workInProgress.child = current.child), + (workInProgress.flags |= 128), + (workInProgress = null)) + : (reuseSuspenseHandlerOnStack(workInProgress), + (JSCompiler_object_inline_message_2296 = + JSCompiler_object_inline_stack_2298.fallback), + (JSCompiler_object_inline_digest_2297 = workInProgress.mode), + (JSCompiler_object_inline_stack_2298 = + mountWorkInProgressOffscreenFiber( + { + mode: "visible", + children: JSCompiler_object_inline_stack_2298.children + }, + JSCompiler_object_inline_digest_2297 + )), + (JSCompiler_object_inline_message_2296 = + createFiberFromFragment( + JSCompiler_object_inline_message_2296, + JSCompiler_object_inline_digest_2297, + renderLanes, + null + )), + (JSCompiler_object_inline_message_2296.flags |= 2), + (JSCompiler_object_inline_stack_2298.return = workInProgress), + (JSCompiler_object_inline_message_2296.return = workInProgress), + (JSCompiler_object_inline_stack_2298.sibling = + JSCompiler_object_inline_message_2296), + (workInProgress.child = JSCompiler_object_inline_stack_2298), + reconcileChildFibers( + workInProgress, + current.child, + null, renderLanes - )), - (workInProgress.memoizedState = SUSPENDED_MARKER), - (workInProgress = JSCompiler_object_inline_message_2319)); + ), + (JSCompiler_object_inline_stack_2298 = workInProgress.child), + (JSCompiler_object_inline_stack_2298.memoizedState = + mountSuspenseOffscreenState(renderLanes)), + (JSCompiler_object_inline_stack_2298.childLanes = + getRemainingWorkInPrimaryTree( + current, + JSCompiler_object_inline_componentStack_2299, + renderLanes + )), + (workInProgress.memoizedState = SUSPENDED_MARKER), + (workInProgress = JSCompiler_object_inline_message_2296)); else if ( (pushPrimaryTreeSuspenseHandler(workInProgress), isHydrating && console.error( "We should not be hydrating here. This is a bug in React. Please file a bug." ), - JSCompiler_object_inline_digest_2320.data === + JSCompiler_object_inline_digest_2297.data === SUSPENSE_FALLBACK_START_DATA) ) { - JSCompiler_object_inline_componentStack_2322 = - JSCompiler_object_inline_digest_2320.nextSibling && - JSCompiler_object_inline_digest_2320.nextSibling.dataset; - if (JSCompiler_object_inline_componentStack_2322) { - JSCompiler_temp = JSCompiler_object_inline_componentStack_2322.dgst; - var message = JSCompiler_object_inline_componentStack_2322.msg; - instance = JSCompiler_object_inline_componentStack_2322.stck; + JSCompiler_object_inline_componentStack_2299 = + JSCompiler_object_inline_digest_2297.nextSibling && + JSCompiler_object_inline_digest_2297.nextSibling.dataset; + if (JSCompiler_object_inline_componentStack_2299) { + JSCompiler_temp = JSCompiler_object_inline_componentStack_2299.dgst; + var message = JSCompiler_object_inline_componentStack_2299.msg; + instance = JSCompiler_object_inline_componentStack_2299.stck; var componentStack = - JSCompiler_object_inline_componentStack_2322.cstck; + JSCompiler_object_inline_componentStack_2299.cstck; } - JSCompiler_object_inline_message_2319 = message; - JSCompiler_object_inline_digest_2320 = JSCompiler_temp; - JSCompiler_object_inline_stack_2321 = instance; - JSCompiler_object_inline_componentStack_2322 = componentStack; - "POSTPONE" !== JSCompiler_object_inline_digest_2320 && - ((JSCompiler_object_inline_message_2319 = - JSCompiler_object_inline_message_2319 - ? Error(JSCompiler_object_inline_message_2319) + JSCompiler_object_inline_message_2296 = message; + JSCompiler_object_inline_digest_2297 = JSCompiler_temp; + JSCompiler_object_inline_stack_2298 = instance; + JSCompiler_object_inline_componentStack_2299 = componentStack; + "POSTPONE" !== JSCompiler_object_inline_digest_2297 && + ((JSCompiler_object_inline_message_2296 = + JSCompiler_object_inline_message_2296 + ? Error(JSCompiler_object_inline_message_2296) : Error( "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering." )), - (JSCompiler_object_inline_message_2319.stack = - JSCompiler_object_inline_stack_2321 || ""), - (JSCompiler_object_inline_message_2319.digest = - JSCompiler_object_inline_digest_2320), - (JSCompiler_object_inline_componentStack_2322 = - void 0 === JSCompiler_object_inline_componentStack_2322 + (JSCompiler_object_inline_message_2296.stack = + JSCompiler_object_inline_stack_2298 || ""), + (JSCompiler_object_inline_message_2296.digest = + JSCompiler_object_inline_digest_2297), + (JSCompiler_object_inline_componentStack_2299 = + void 0 === JSCompiler_object_inline_componentStack_2299 ? null - : JSCompiler_object_inline_componentStack_2322), - "string" === typeof JSCompiler_object_inline_componentStack_2322 && + : JSCompiler_object_inline_componentStack_2299), + "string" === typeof JSCompiler_object_inline_componentStack_2299 && CapturedStacks.set( - JSCompiler_object_inline_message_2319, - JSCompiler_object_inline_componentStack_2322 + JSCompiler_object_inline_message_2296, + JSCompiler_object_inline_componentStack_2299 ), queueHydrationError({ - value: JSCompiler_object_inline_message_2319, + value: JSCompiler_object_inline_message_2296, source: null, - stack: JSCompiler_object_inline_componentStack_2322 + stack: JSCompiler_object_inline_componentStack_2299 })); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9134,26 +9043,26 @@ renderLanes ); } else if ( - ((JSCompiler_object_inline_componentStack_2322 = + ((JSCompiler_object_inline_componentStack_2299 = 0 !== (renderLanes & current.childLanes)), - didReceiveUpdate || JSCompiler_object_inline_componentStack_2322) + didReceiveUpdate || JSCompiler_object_inline_componentStack_2299) ) { - JSCompiler_object_inline_componentStack_2322 = workInProgressRoot; - if (null !== JSCompiler_object_inline_componentStack_2322) { - JSCompiler_object_inline_stack_2321 = renderLanes & -renderLanes; - if (0 !== (JSCompiler_object_inline_stack_2321 & SyncUpdateLanes)) - JSCompiler_object_inline_stack_2321 = SyncHydrationLane; + JSCompiler_object_inline_componentStack_2299 = workInProgressRoot; + if (null !== JSCompiler_object_inline_componentStack_2299) { + JSCompiler_object_inline_stack_2298 = renderLanes & -renderLanes; + if (0 !== (JSCompiler_object_inline_stack_2298 & SyncUpdateLanes)) + JSCompiler_object_inline_stack_2298 = SyncHydrationLane; else - switch (JSCompiler_object_inline_stack_2321) { + switch (JSCompiler_object_inline_stack_2298) { case SyncLane: - JSCompiler_object_inline_stack_2321 = SyncHydrationLane; + JSCompiler_object_inline_stack_2298 = SyncHydrationLane; break; case InputContinuousLane: - JSCompiler_object_inline_stack_2321 = + JSCompiler_object_inline_stack_2298 = InputContinuousHydrationLane; break; case DefaultLane: - JSCompiler_object_inline_stack_2321 = DefaultHydrationLane; + JSCompiler_object_inline_stack_2298 = DefaultHydrationLane; break; case 128: case 256: @@ -9174,40 +9083,40 @@ case 8388608: case 16777216: case 33554432: - JSCompiler_object_inline_stack_2321 = TransitionHydrationLane; + JSCompiler_object_inline_stack_2298 = TransitionHydrationLane; break; case IdleLane: - JSCompiler_object_inline_stack_2321 = IdleHydrationLane; + JSCompiler_object_inline_stack_2298 = IdleHydrationLane; break; default: - JSCompiler_object_inline_stack_2321 = 0; + JSCompiler_object_inline_stack_2298 = 0; } - JSCompiler_object_inline_stack_2321 = + JSCompiler_object_inline_stack_2298 = 0 !== - (JSCompiler_object_inline_stack_2321 & - (JSCompiler_object_inline_componentStack_2322.suspendedLanes | + (JSCompiler_object_inline_stack_2298 & + (JSCompiler_object_inline_componentStack_2299.suspendedLanes | renderLanes)) ? 0 - : JSCompiler_object_inline_stack_2321; + : JSCompiler_object_inline_stack_2298; if ( - 0 !== JSCompiler_object_inline_stack_2321 && - JSCompiler_object_inline_stack_2321 !== prevState.retryLane + 0 !== JSCompiler_object_inline_stack_2298 && + JSCompiler_object_inline_stack_2298 !== prevState.retryLane ) throw ( - ((prevState.retryLane = JSCompiler_object_inline_stack_2321), + ((prevState.retryLane = JSCompiler_object_inline_stack_2298), enqueueConcurrentRenderForLane( current, - JSCompiler_object_inline_stack_2321 + JSCompiler_object_inline_stack_2298 ), scheduleUpdateOnFiber( - JSCompiler_object_inline_componentStack_2322, + JSCompiler_object_inline_componentStack_2299, current, - JSCompiler_object_inline_stack_2321 + JSCompiler_object_inline_stack_2298 ), SelectiveHydrationException) ); } - JSCompiler_object_inline_digest_2320.data === + JSCompiler_object_inline_digest_2297.data === SUSPENSE_PENDING_START_DATA || renderDidSuspendDelayIfPossible(); workInProgress = retrySuspenseComponentWithoutHydrating( current, @@ -9215,7 +9124,7 @@ renderLanes ); } else - JSCompiler_object_inline_digest_2320.data === + JSCompiler_object_inline_digest_2297.data === SUSPENSE_PENDING_START_DATA ? ((workInProgress.flags |= 128), (workInProgress.child = current.child), @@ -9223,12 +9132,12 @@ null, current )), - (JSCompiler_object_inline_digest_2320._reactRetry = + (JSCompiler_object_inline_digest_2297._reactRetry = workInProgress), (workInProgress = null)) : ((current = prevState.treeContext), (nextHydratableInstance = getNextHydratable( - JSCompiler_object_inline_digest_2320.nextSibling + JSCompiler_object_inline_digest_2297.nextSibling )), (hydrationParentFiber = workInProgress), (isHydrating = !0), @@ -9246,54 +9155,54 @@ (treeContextProvider = workInProgress)), (workInProgress = mountSuspensePrimaryChildren( workInProgress, - JSCompiler_object_inline_stack_2321.children + JSCompiler_object_inline_stack_2298.children )), (workInProgress.flags |= 4096)); return workInProgress; } - if (JSCompiler_object_inline_message_2319) + if (JSCompiler_object_inline_message_2296) return ( reuseSuspenseHandlerOnStack(workInProgress), - (JSCompiler_object_inline_message_2319 = - JSCompiler_object_inline_stack_2321.fallback), - (JSCompiler_object_inline_digest_2320 = workInProgress.mode), + (JSCompiler_object_inline_message_2296 = + JSCompiler_object_inline_stack_2298.fallback), + (JSCompiler_object_inline_digest_2297 = workInProgress.mode), (JSCompiler_temp = current.child), (instance = JSCompiler_temp.sibling), - (JSCompiler_object_inline_stack_2321 = createWorkInProgress( + (JSCompiler_object_inline_stack_2298 = createWorkInProgress( JSCompiler_temp, { mode: "hidden", - children: JSCompiler_object_inline_stack_2321.children + children: JSCompiler_object_inline_stack_2298.children } )), - (JSCompiler_object_inline_stack_2321.subtreeFlags = + (JSCompiler_object_inline_stack_2298.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280), null !== instance - ? (JSCompiler_object_inline_message_2319 = createWorkInProgress( + ? (JSCompiler_object_inline_message_2296 = createWorkInProgress( instance, - JSCompiler_object_inline_message_2319 + JSCompiler_object_inline_message_2296 )) - : ((JSCompiler_object_inline_message_2319 = createFiberFromFragment( - JSCompiler_object_inline_message_2319, - JSCompiler_object_inline_digest_2320, + : ((JSCompiler_object_inline_message_2296 = createFiberFromFragment( + JSCompiler_object_inline_message_2296, + JSCompiler_object_inline_digest_2297, renderLanes, null )), - (JSCompiler_object_inline_message_2319.flags |= 2)), - (JSCompiler_object_inline_message_2319.return = workInProgress), - (JSCompiler_object_inline_stack_2321.return = workInProgress), - (JSCompiler_object_inline_stack_2321.sibling = - JSCompiler_object_inline_message_2319), - (workInProgress.child = JSCompiler_object_inline_stack_2321), - (JSCompiler_object_inline_stack_2321 = - JSCompiler_object_inline_message_2319), - (JSCompiler_object_inline_message_2319 = workInProgress.child), - (JSCompiler_object_inline_digest_2320 = current.child.memoizedState), - null === JSCompiler_object_inline_digest_2320 - ? (JSCompiler_object_inline_digest_2320 = + (JSCompiler_object_inline_message_2296.flags |= 2)), + (JSCompiler_object_inline_message_2296.return = workInProgress), + (JSCompiler_object_inline_stack_2298.return = workInProgress), + (JSCompiler_object_inline_stack_2298.sibling = + JSCompiler_object_inline_message_2296), + (workInProgress.child = JSCompiler_object_inline_stack_2298), + (JSCompiler_object_inline_stack_2298 = + JSCompiler_object_inline_message_2296), + (JSCompiler_object_inline_message_2296 = workInProgress.child), + (JSCompiler_object_inline_digest_2297 = current.child.memoizedState), + null === JSCompiler_object_inline_digest_2297 + ? (JSCompiler_object_inline_digest_2297 = mountSuspenseOffscreenState(renderLanes)) : ((JSCompiler_temp = - JSCompiler_object_inline_digest_2320.cachePool), + JSCompiler_object_inline_digest_2297.cachePool), null !== JSCompiler_temp ? ((instance = CacheContext._currentValue), (JSCompiler_temp = @@ -9301,38 +9210,38 @@ ? { parent: instance, pool: instance } : JSCompiler_temp)) : (JSCompiler_temp = getSuspendedCache()), - (JSCompiler_object_inline_digest_2320 = { + (JSCompiler_object_inline_digest_2297 = { baseLanes: - JSCompiler_object_inline_digest_2320.baseLanes | renderLanes, + JSCompiler_object_inline_digest_2297.baseLanes | renderLanes, cachePool: JSCompiler_temp })), - (JSCompiler_object_inline_message_2319.memoizedState = - JSCompiler_object_inline_digest_2320), - (JSCompiler_object_inline_message_2319.childLanes = + (JSCompiler_object_inline_message_2296.memoizedState = + JSCompiler_object_inline_digest_2297), + (JSCompiler_object_inline_message_2296.childLanes = getRemainingWorkInPrimaryTree( current, - JSCompiler_object_inline_componentStack_2322, + JSCompiler_object_inline_componentStack_2299, renderLanes )), (workInProgress.memoizedState = SUSPENDED_MARKER), - JSCompiler_object_inline_stack_2321 + JSCompiler_object_inline_stack_2298 ); pushPrimaryTreeSuspenseHandler(workInProgress); renderLanes = current.child; current = renderLanes.sibling; renderLanes = createWorkInProgress(renderLanes, { mode: "visible", - children: JSCompiler_object_inline_stack_2321.children + children: JSCompiler_object_inline_stack_2298.children }); renderLanes.return = workInProgress; renderLanes.sibling = null; null !== current && - ((JSCompiler_object_inline_componentStack_2322 = + ((JSCompiler_object_inline_componentStack_2299 = workInProgress.deletions), - null === JSCompiler_object_inline_componentStack_2322 + null === JSCompiler_object_inline_componentStack_2299 ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16)) - : JSCompiler_object_inline_componentStack_2322.push(current)); + : JSCompiler_object_inline_componentStack_2299.push(current)); workInProgress.child = renderLanes; workInProgress.memoizedState = null; return renderLanes; @@ -11350,20 +11259,20 @@ 0 !== (effect.tag & Layout) ? "useLayoutEffect" : 0 !== (effect.tag & Insertion) - ? "useInsertionEffect" - : "useEffect"), + ? "useInsertionEffect" + : "useEffect"), console.error( "%s must not return anything besides a function, which is used for clean-up.%s", inst, null === create ? " You returned null. If your effect does not require clean up, return undefined (or nothing)." : "function" === typeof create.then - ? "\n\nIt looks like you wrote " + - inst + - "(async () => ...) or returned a Promise. Instead, write the async function inside your effect and call it immediately:\n\n" + - inst + - "(() => {\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 + ? "\n\nIt looks like you wrote " + + inst + + "(async () => ...) or returned a Promise. Instead, write the async function inside your effect and call it immediately:\n\n" + + inst + + "(() => {\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 )); } effect = effect.next; @@ -13014,20 +12923,20 @@ committedTransitions ) : _instance3._visibility & OffscreenPassiveEffectsConnected - ? recursivelyTraversePassiveMountEffects( - finishedRoot, - finishedWork, - committedLanes, - committedTransitions - ) - : ((_instance3._visibility |= OffscreenPassiveEffectsConnected), - recursivelyTraverseReconnectPassiveEffects( - finishedRoot, - finishedWork, - committedLanes, - committedTransitions, - 0 !== (finishedWork.subtreeFlags & 10256) - )); + ? recursivelyTraversePassiveMountEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions + ) + : ((_instance3._visibility |= OffscreenPassiveEffectsConnected), + recursivelyTraverseReconnectPassiveEffects( + finishedRoot, + finishedWork, + committedLanes, + committedTransitions, + 0 !== (finishedWork.subtreeFlags & 10256) + )); flags & 2048 && commitOffscreenPassiveMountEffects( finishedWork.alternate, @@ -13591,8 +13500,8 @@ (fiberTag = isHostHoistableType(type, pendingProps, fiberTag) ? 26 : "html" === type || "head" === type || "body" === type - ? 27 - : 5); + ? 27 + : 5); else a: switch (type) { case REACT_FRAGMENT_TYPE: @@ -13671,15 +13580,15 @@ null === type ? (pendingProps = "null") : isArrayImpl(type) - ? (pendingProps = "array") - : void 0 !== type && type.$$typeof === REACT_ELEMENT_TYPE - ? ((pendingProps = - "<" + - (getComponentNameFromType(type.type) || "Unknown") + - " />"), - (resolvedType = - " Did you accidentally export a JSX literal instead of a component?")) - : (pendingProps = typeof type); + ? (pendingProps = "array") + : void 0 !== type && type.$$typeof === REACT_ELEMENT_TYPE + ? ((pendingProps = + "<" + + (getComponentNameFromType(type.type) || "Unknown") + + " />"), + (resolvedType = + " Did you accidentally export a JSX literal instead of a component?")) + : (pendingProps = typeof type); (fiberTag = owner ? getComponentNameFromOwner(owner) : null) && (resolvedType += "\n\nCheck the render method of `" + fiberTag + "`."); @@ -13942,19 +13851,19 @@ : (bubbleProperties(workInProgress), (workInProgress.flags &= -16777217))) : renderLanes - ? renderLanes !== current.memoizedState - ? (markUpdate(workInProgress), + ? renderLanes !== current.memoizedState + ? (markUpdate(workInProgress), + bubbleProperties(workInProgress), + preloadResourceAndSuspendIfNeeded( + workInProgress, + renderLanes + )) + : (bubbleProperties(workInProgress), + (workInProgress.flags &= -16777217)) + : (current.memoizedProps !== newProps && + markUpdate(workInProgress), bubbleProperties(workInProgress), - preloadResourceAndSuspendIfNeeded( - workInProgress, - renderLanes - )) - : (bubbleProperties(workInProgress), - (workInProgress.flags &= -16777217)) - : (current.memoizedProps !== newProps && - markUpdate(workInProgress), - bubbleProperties(workInProgress), - (workInProgress.flags &= -16777217)), + (workInProgress.flags &= -16777217)), null ); case 27: @@ -15053,16 +14962,16 @@ ? SuspendedOnData : SuspendedOnImmediate)) : thrownValue === SuspenseyCommitException - ? ((thrownValue = getSuspendedThenable()), - (workInProgressSuspendedReason = SuspendedOnInstance)) - : (workInProgressSuspendedReason = - thrownValue === SelectiveHydrationException - ? SuspendedOnHydration - : null !== thrownValue && - "object" === typeof thrownValue && - "function" === typeof thrownValue.then - ? SuspendedOnDeprecatedThrowPromise - : SuspendedOnError); + ? ((thrownValue = getSuspendedThenable()), + (workInProgressSuspendedReason = SuspendedOnInstance)) + : (workInProgressSuspendedReason = + thrownValue === SelectiveHydrationException + ? SuspendedOnHydration + : null !== thrownValue && + "object" === typeof thrownValue && + "function" === typeof thrownValue.then + ? SuspendedOnDeprecatedThrowPromise + : SuspendedOnError); workInProgressThrownValue = thrownValue; var erroredWork = workInProgress; if (null === erroredWork) @@ -15107,15 +15016,15 @@ return null === handler ? !0 : (workInProgressRootRenderLanes & TransitionLanes) === - workInProgressRootRenderLanes - ? null === shellBoundary - ? !0 - : !1 - : (workInProgressRootRenderLanes & RetryLanes) === - workInProgressRootRenderLanes || - 0 !== (workInProgressRootRenderLanes & OffscreenLane) - ? handler === shellBoundary - : !1; + workInProgressRootRenderLanes + ? null === shellBoundary + ? !0 + : !1 + : (workInProgressRootRenderLanes & RetryLanes) === + workInProgressRootRenderLanes || + 0 !== (workInProgressRootRenderLanes & OffscreenLane) + ? handler === shellBoundary + : !1; } function pushDispatcher() { var prevDispatcher = ReactSharedInternals.H; @@ -16551,10 +16460,14 @@ }) : targetContainer.addEventListener(domEventName, eventSystemFlags, !0) : void 0 !== listenerWrapper - ? targetContainer.addEventListener(domEventName, eventSystemFlags, { - passive: listenerWrapper - }) - : targetContainer.addEventListener(domEventName, eventSystemFlags, !1); + ? targetContainer.addEventListener(domEventName, eventSystemFlags, { + passive: listenerWrapper + }) + : targetContainer.addEventListener( + domEventName, + eventSystemFlags, + !1 + ); } function dispatchEventForPluginEventSystem( domEventName, @@ -16768,8 +16681,8 @@ nativeEventTarget.window === nativeEventTarget ? nativeEventTarget : (reactName = nativeEventTarget.ownerDocument) - ? reactName.defaultView || reactName.parentWindow - : window; + ? reactName.defaultView || reactName.parentWindow + : window; if (SyntheticEventCtor) { if ( ((reactEventType = @@ -17315,50 +17228,53 @@ "Cannot specify a target for a form that specifies a function as the action. The function will always be executed in the same window." ))) : "input" === tag || "button" === tag - ? "action" === key - ? console.error( - "You can only pass the action prop to
. Use the formAction prop on or