{"body":"Based off: https:\/\/github.com\/facebook\/react\/pull\/31984","files":[{"path":"packages\/react-reconciler\/src\/__tests__\/Activity-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactActWarnings-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactAsyncActions-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactFragment-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactHooks-test.internal.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactHooksWithNoopRenderer-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactIncremental-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactIncrementalErrorHandling-test.internal.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactIncrementalErrorLogging-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactIncrementalUpdates-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactLazy-test.internal.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactMemo-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactNewContext-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactSuspenseCallback-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactSuspenseList-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactSuspenseWithNoopRenderer-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactTransitionTracing-test.js","status":"M"}],"parents":["83be48b9dee25737063ca64880f82ef9fea11737"],"patch":"diff --git a\/packages\/react-reconciler\/src\/__tests__\/Activity-test.js b\/packages\/react-reconciler\/src\/__tests__\/Activity-test.js\nindex cc5c4b921c..191e72e3cb 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/Activity-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/Activity-test.js\n@@ -14,6 +14,7 @@ let startTransition;\n let waitForPaint;\n let waitFor;\n let assertLog;\n+let assertConsoleErrorDev;\n \n describe('Activity', () => {\n beforeEach(() => {\n@@ -37,6 +38,7 @@ describe('Activity', () => {\n waitForPaint = InternalTestUtils.waitForPaint;\n waitFor = InternalTestUtils.waitFor;\n assertLog = InternalTestUtils.assertLog;\n+ assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;\n });\n \n function Text(props) {\n@@ -784,11 +786,14 @@ describe('Activity', () => {\n \/\/ would be null because it was nulled out when it was deleted, but there\n \/\/ was no null check before we accessed it. A weird edge case but we must\n \/\/ account for it.\n- expect(() => {\n- setState('Updated');\n- }).toErrorDev(\n- \"Can't perform a React state update on a component that hasn't mounted yet\",\n- );\n+ setState('Updated');\n+ assertConsoleErrorDev([\n+ \"Can't perform a React state update on a component that hasn't mounted yet. \" +\n+ 'This indicates that you have a side-effect in your render function that ' +\n+ 'asynchronously later calls tries to update the component. ' +\n+ 'Move this work to useEffect instead.\\n' +\n+ ' in Child (at **)',\n+ ]);\n });\n expect(root).toMatchRenderedOutput(null);\n });\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactActWarnings-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactActWarnings-test.js\nindex 561741c108..8282740655 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactActWarnings-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactActWarnings-test.js\n@@ -18,6 +18,7 @@ let Suspense;\n let startTransition;\n let getCacheForType;\n let caches;\n+let assertConsoleErrorDev;\n \n \/\/ These tests are mostly concerned with concurrent roots. The legacy root\n \/\/ behavior is covered by other older test suites and is unchanged from\n@@ -38,6 +39,7 @@ describe('act warnings', () => {\n const InternalTestUtils = require('internal-test-utils');\n waitForAll = InternalTestUtils.waitForAll;\n assertLog = InternalTestUtils.assertLog;\n+ assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;\n });\n \n function createTextCache() {\n@@ -171,9 +173,21 @@ describe('act warnings', () => {\n \n \/\/ Flag is true. Warn.\n await withActEnvironment(true, async () => {\n- expect(() => setState(2)).toErrorDev(\n- 'An update to App inside a test was not wrapped in act',\n- );\n+ setState(2);\n+ assertConsoleErrorDev([\n+ 'An update to App inside a test was not wrapped in act(...).\\n' +\n+ '\\n' +\n+ 'When testing, code that causes React state updates should be wrapped into act(...):\\n' +\n+ '\\n' +\n+ 'act(() => {\\n' +\n+ ' \/* fire events that update state *\/\\n' +\n+ '});\\n' +\n+ '\/* assert on the output *\/\\n' +\n+ '\\n' +\n+ \"This ensures that you're testing the behavior the user would see in the browser. \" +\n+ 'Learn more at https:\/\/react.dev\/link\/wrap-tests-with-act\\n' +\n+ ' in App (at **)',\n+ ]);\n await waitForAll([2]);\n expect(root).toMatchRenderedOutput('2');\n });\n@@ -202,12 +216,11 @@ describe('act warnings', () => {\n \n \/\/ Default behavior. Flag is undefined. Warn.\n expect(global.IS_REACT_ACT_ENVIRONMENT).toBe(undefined);\n- expect(() => {\n- act(() => {\n- setState(1);\n- });\n- }).toErrorDev(\n- 'The current testing environment is not configured to support act(...)',\n+ act(() => {\n+ setState(1);\n+ });\n+ assertConsoleErrorDev(\n+ ['The current testing environment is not configured to support act(...)'],\n {withoutStack: true},\n );\n assertLog([1]);\n@@ -224,12 +237,13 @@ describe('act warnings', () => {\n \n \/\/ Flag is false. Warn.\n await withActEnvironment(false, () => {\n- expect(() => {\n- act(() => {\n- setState(1);\n- });\n- }).toErrorDev(\n- 'The current testing environment is not configured to support act(...)',\n+ act(() => {\n+ setState(1);\n+ });\n+ assertConsoleErrorDev(\n+ [\n+ 'The current testing environment is not configured to support act(...)',\n+ ],\n {withoutStack: true},\n );\n assertLog([1]);\n@@ -240,10 +254,23 @@ describe('act warnings', () => {\n it('warns if root update is not wrapped', async () => {\n await withActEnvironment(true, () => {\n const root = ReactNoop.createRoot();\n- expect(() => root.render('Hi')).toErrorDev(\n- \/\/ TODO: Better error message that doesn't make it look like \"Root\" is\n- \/\/ the name of a custom component\n- 'An update to Root inside a test was not wrapped in act(...)',\n+ root.render('Hi');\n+ assertConsoleErrorDev(\n+ [\n+ \/\/ TODO: Better error message that doesn't make it look like \"Root\" is\n+ \/\/ the name of a custom component\n+ 'An update to Root inside a test was not wrapped in act(...).\\n' +\n+ '\\n' +\n+ 'When testing, code that causes React state updates should be wrapped into act(...):\\n' +\n+ '\\n' +\n+ 'act(() => {\\n' +\n+ ' \/* fire events that update state *\/\\n' +\n+ '});\\n' +\n+ '\/* assert on the output *\/\\n' +\n+ '\\n' +\n+ \"This ensures that you're testing the behavior the user would see in the browser. \" +\n+ 'Learn more at https:\/\/react.dev\/link\/wrap-tests-with-act',\n+ ],\n {withoutStack: true},\n );\n });\n@@ -265,9 +292,21 @@ describe('act warnings', () => {\n act(() => {\n root.render();\n });\n- expect(() => app.setState({count: 1})).toErrorDev(\n- 'An update to App inside a test was not wrapped in act(...)',\n- );\n+ app.setState({count: 1});\n+ assertConsoleErrorDev([\n+ 'An update to App inside a test was not wrapped in act(...).\\n' +\n+ '\\n' +\n+ 'When testing, code that causes React state updates should be wrapped into act(...):\\n' +\n+ '\\n' +\n+ 'act(() => {\\n' +\n+ ' \/* fire events that update state *\/\\n' +\n+ '});\\n' +\n+ '\/* assert on the output *\/\\n' +\n+ '\\n' +\n+ \"This ensures that you're testing the behavior the user would see in the browser. \" +\n+ 'Learn more at https:\/\/react.dev\/link\/wrap-tests-with-act\\n' +\n+ ' in App (at **)',\n+ ]);\n });\n });\n \n@@ -288,9 +327,21 @@ describe('act warnings', () => {\n \n \/\/ Even though this update is synchronous, we should still fire a warning,\n \/\/ because it could have spawned additional asynchronous work\n- expect(() => ReactNoop.flushSync(() => setState(1))).toErrorDev(\n- 'An update to App inside a test was not wrapped in act(...)',\n- );\n+ ReactNoop.flushSync(() => setState(1));\n+ assertConsoleErrorDev([\n+ 'An update to App inside a test was not wrapped in act(...).\\n' +\n+ '\\n' +\n+ 'When testing, code that causes React state updates should be wrapped into act(...):\\n' +\n+ '\\n' +\n+ 'act(() => {\\n' +\n+ ' \/* fire events that update state *\/\\n' +\n+ '});\\n' +\n+ '\/* assert on the output *\/\\n' +\n+ '\\n' +\n+ \"This ensures that you're testing the behavior the user would see in the browser. \" +\n+ 'Learn more at https:\/\/react.dev\/link\/wrap-tests-with-act\\n' +\n+ ' in App (at **)',\n+ ]);\n \n assertLog([1]);\n expect(root).toMatchRenderedOutput('1');\n@@ -322,12 +373,36 @@ describe('act warnings', () => {\n expect(root).toMatchRenderedOutput('Loading...');\n \n \/\/ This is a retry, not a ping, because we already showed a fallback.\n- expect(() => resolveText('Async')).toErrorDev(\n+ resolveText('Async');\n+ assertConsoleErrorDev(\n [\n- 'A suspended resource finished loading inside a test, but the event ' +\n- 'was not wrapped in act(...)',\n-\n- ...(gate('enableSiblingPrerendering') ? ['not wrapped in act'] : []),\n+ 'A suspended resource finished loading inside a test, but the event was not wrapped in act(...).\\n' +\n+ '\\n' +\n+ 'When testing, code that resolves suspended data should be wrapped into act(...):\\n' +\n+ '\\n' +\n+ 'act(() => {\\n' +\n+ ' \/* finish loading suspended data *\/\\n' +\n+ '});\\n' +\n+ '\/* assert on the output *\/\\n' +\n+ '\\n' +\n+ \"This ensures that you're testing the behavior the user would see in the browser. \" +\n+ 'Learn more at https:\/\/react.dev\/link\/wrap-tests-with-act',\n+\n+ ...(gate('enableSiblingPrerendering')\n+ ? [\n+ 'A suspended resource finished loading inside a test, but the event was not wrapped in act(...).\\n' +\n+ '\\n' +\n+ 'When testing, code that resolves suspended data should be wrapped into act(...):\\n' +\n+ '\\n' +\n+ 'act(() => {\\n' +\n+ ' \/* finish loading suspended data *\/\\n' +\n+ '});\\n' +\n+ '\/* assert on the output *\/\\n' +\n+ '\\n' +\n+ \"This ensures that you're testing the behavior the user would see in the browser. \" +\n+ 'Learn more at https:\/\/react.dev\/link\/wrap-tests-with-act',\n+ ]\n+ : []),\n ],\n \n {withoutStack: true},\n@@ -363,9 +438,21 @@ describe('act warnings', () => {\n expect(root).toMatchRenderedOutput('(empty)');\n \n \/\/ This is a ping, not a retry, because no fallback is showing.\n- expect(() => resolveText('Async')).toErrorDev(\n- 'A suspended resource finished loading inside a test, but the event ' +\n- 'was not wrapped in act(...)',\n+ resolveText('Async');\n+ assertConsoleErrorDev(\n+ [\n+ 'A suspended resource finished loading inside a test, but the event was not wrapped in act(...).\\n' +\n+ '\\n' +\n+ 'When testing, code that resolves suspended data should be wrapped into act(...):\\n' +\n+ '\\n' +\n+ 'act(() => {\\n' +\n+ ' \/* finish loading suspended data *\/\\n' +\n+ '});\\n' +\n+ '\/* assert on the output *\/\\n' +\n+ '\\n' +\n+ \"This ensures that you're testing the behavior the user would see in the browser. \" +\n+ 'Learn more at https:\/\/react.dev\/link\/wrap-tests-with-act',\n+ ],\n {withoutStack: true},\n );\n });\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactAsyncActions-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactAsyncActions-test.js\nindex 843d5b2dd3..43e071d414 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactAsyncActions-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactAsyncActions-test.js\n@@ -7,6 +7,7 @@ let useTransition;\n let useState;\n let useOptimistic;\n let textCache;\n+let assertConsoleErrorDev;\n \n describe('ReactAsyncActions', () => {\n beforeEach(() => {\n@@ -21,6 +22,8 @@ describe('ReactAsyncActions', () => {\n Scheduler = require('scheduler');\n act = require('internal-test-utils').act;\n assertLog = require('internal-test-utils').assertLog;\n+ assertConsoleErrorDev =\n+ require('internal-test-utils').assertConsoleErrorDev;\n useTransition = React.useTransition;\n useState = React.useState;\n useOptimistic = React.useOptimistic;\n@@ -1231,15 +1234,16 @@ describe('ReactAsyncActions', () => {\n assertLog(['A']);\n expect(root).toMatchRenderedOutput(

A<\/div>);\n \n- await expect(async () => {\n- await act(() => {\n- setLoadingProgress('25%');\n- startTransition(() => setText('B'));\n- });\n- }).toErrorDev(\n- 'An optimistic state update occurred outside a transition or ' +\n- 'action. To fix, move the update to an action, or wrap ' +\n- 'with startTransition.',\n+ await act(() => {\n+ setLoadingProgress('25%');\n+ startTransition(() => setText('B'));\n+ });\n+ assertConsoleErrorDev(\n+ [\n+ 'An optimistic state update occurred outside a transition or ' +\n+ 'action. To fix, move the update to an action, or wrap ' +\n+ 'with startTransition.',\n+ ],\n {withoutStack: true},\n );\n assertLog(['Loading... (25%)', 'A', 'B']);\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactFragment-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactFragment-test.js\nindex fe1d1f4f95..559ede0dd9 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactFragment-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactFragment-test.js\n@@ -12,6 +12,7 @@\n let React;\n let ReactNoop;\n let waitForAll;\n+let assertConsoleErrorDev;\n \n describe('ReactFragment', () => {\n beforeEach(function () {\n@@ -22,6 +23,7 @@ describe('ReactFragment', () => {\n \n const InternalTestUtils = require('internal-test-utils');\n waitForAll = InternalTestUtils.waitForAll;\n+ assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;\n });\n \n it('should render a single child via noop renderer', async () => {\n@@ -740,9 +742,22 @@ describe('ReactFragment', () => {\n await waitForAll([]);\n \n ReactNoop.render();\n- await expect(async () => await waitForAll([])).toErrorDev(\n- 'Each child in a list should have a unique \"key\" prop.',\n- );\n+ await waitForAll([]);\n+ assertConsoleErrorDev([\n+ gate('enableOwnerStacks')\n+ ? 'Each child in a list should have a unique \"key\" prop.\\n' +\n+ '\\n' +\n+ 'Check the render method of `div`. ' +\n+ 'It was passed a child from Foo. ' +\n+ 'See https:\/\/react.dev\/link\/warning-keys for more information.\\n' +\n+ ' in Foo (at **)'\n+ : 'Each child in a list should have a unique \"key\" prop.\\n' +\n+ '\\n' +\n+ 'Check the render method of `Foo`. ' +\n+ 'See https:\/\/react.dev\/link\/warning-keys for more information.\\n' +\n+ ' in Stateful (at **)\\n' +\n+ ' in Foo (at **)',\n+ ]);\n \n expect(ops).toEqual([]);\n expect(ReactNoop).toMatchRenderedOutput(\n@@ -937,9 +952,16 @@ describe('ReactFragment', () => {\n }\n \n ReactNoop.render();\n- await expect(async () => await waitForAll([])).toErrorDev(\n- 'Each child in a list should have a unique \"key\" prop.',\n- );\n+ await waitForAll([]);\n+ assertConsoleErrorDev([\n+ 'Each child in a list should have a unique \"key\" prop.\\n' +\n+ '\\n' +\n+ 'Check the top-level render call using . ' +\n+ 'It was passed a child from Foo. ' +\n+ 'See https:\/\/react.dev\/link\/warning-keys for more information.\\n' +\n+ ' in span (at **)\\n' +\n+ ' in Foo (at **)',\n+ ]);\n \n ReactNoop.render();\n \/\/ The key warning gets deduped because it's in the same component.\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactHooks-test.internal.js b\/packages\/react-reconciler\/src\/__tests__\/ReactHooks-test.internal.js\nindex 8b0e903a83..367d83f38a 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactHooks-test.internal.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactHooks-test.internal.js\n@@ -239,17 +239,18 @@ describe('ReactHooks', () => {\n await waitForAll(['Count: 0']);\n expect(root).toMatchRenderedOutput('0');\n \n- await expect(async () => {\n- await act(() =>\n- setCounter(1, () => {\n- throw new Error('Expected to ignore the callback.');\n- }),\n- );\n- }).toErrorDev(\n- 'State updates from the useState() and useReducer() Hooks ' +\n- \"don't support the second callback argument. \" +\n- 'To execute a side effect after rendering, ' +\n- 'declare it in the component body with useEffect().',\n+ await act(() =>\n+ setCounter(1, () => {\n+ throw new Error('Expected to ignore the callback.');\n+ }),\n+ );\n+ assertConsoleErrorDev(\n+ [\n+ 'State updates from the useState() and useReducer() Hooks ' +\n+ \"don't support the second callback argument. \" +\n+ 'To execute a side effect after rendering, ' +\n+ 'declare it in the component body with useEffect().',\n+ ],\n {withoutStack: true},\n );\n assertLog(['Count: 1']);\n@@ -273,17 +274,18 @@ describe('ReactHooks', () => {\n await waitForAll(['Count: 0']);\n expect(root).toMatchRenderedOutput('0');\n \n- await expect(async () => {\n- await act(() =>\n- dispatch(1, () => {\n- throw new Error('Expected to ignore the callback.');\n- }),\n- );\n- }).toErrorDev(\n- 'State updates from the useState() and useReducer() Hooks ' +\n- \"don't support the second callback argument. \" +\n- 'To execute a side effect after rendering, ' +\n- 'declare it in the component body with useEffect().',\n+ await act(() =>\n+ dispatch(1, () => {\n+ throw new Error('Expected to ignore the callback.');\n+ }),\n+ );\n+ assertConsoleErrorDev(\n+ [\n+ 'State updates from the useState() and useReducer() Hooks ' +\n+ \"don't support the second callback argument. \" +\n+ 'To execute a side effect after rendering, ' +\n+ 'declare it in the component body with useEffect().',\n+ ],\n {withoutStack: true},\n );\n assertLog(['Count: 1']);\n@@ -581,16 +583,17 @@ describe('ReactHooks', () => {\n });\n });\n assertLog(['Did commit: A']);\n- await expect(async () => {\n- await act(() => {\n- root.update();\n- });\n- }).toErrorDev([\n+ await act(() => {\n+ root.update();\n+ });\n+ assertConsoleErrorDev([\n 'The final argument passed to useLayoutEffect changed size ' +\n 'between renders. The order and size of this array must remain ' +\n- 'constant.\\n\\n' +\n+ 'constant.\\n' +\n+ '\\n' +\n 'Previous: [A]\\n' +\n- 'Incoming: [A, B]\\n',\n+ 'Incoming: [A, B]\\n' +\n+ ' in App (at **)',\n ]);\n });\n \n@@ -617,14 +620,14 @@ describe('ReactHooks', () => {\n assertLog(['Compute']);\n expect(root).toMatchRenderedOutput('HELLO');\n \n- await expect(async () => {\n- await act(() => {\n- root.update();\n- });\n- }).toErrorDev([\n+ await act(() => {\n+ root.update();\n+ });\n+ assertConsoleErrorDev([\n 'useMemo received a final argument during this render, but ' +\n 'not during the previous render. Even though the final argument is ' +\n- 'optional, its type cannot change between renders.',\n+ 'optional, its type cannot change between renders.\\n' +\n+ ' in App (at **)',\n ]);\n });\n \n@@ -639,53 +642,62 @@ describe('ReactHooks', () => {\n return null;\n }\n \n- await expect(async () => {\n- await act(() => {\n- ReactTestRenderer.create(, {\n- unstable_isConcurrent: true,\n- });\n+ await act(() => {\n+ ReactTestRenderer.create(, {\n+ unstable_isConcurrent: true,\n });\n- }).toErrorDev([\n+ });\n+ assertConsoleErrorDev([\n 'useEffect received a final argument that is not an array (instead, received `string`). ' +\n- 'When specified, the final argument must be an array.',\n+ 'When specified, the final argument must be an array.\\n' +\n+ ' in App (at **)',\n 'useLayoutEffect received a final argument that is not an array (instead, received `string`). ' +\n- 'When specified, the final argument must be an array.',\n+ 'When specified, the final argument must be an array.\\n' +\n+ ' in App (at **)',\n 'useMemo received a final argument that is not an array (instead, received `string`). ' +\n- 'When specified, the final argument must be an array.',\n+ 'When specified, the final argument must be an array.\\n' +\n+ ' in App (at **)',\n 'useCallback received a final argument that is not an array (instead, received `string`). ' +\n- 'When specified, the final argument must be an array.',\n+ 'When specified, the final argument must be an array.\\n' +\n+ ' in App (at **)',\n ]);\n- await expect(async () => {\n- await act(() => {\n- ReactTestRenderer.create(, {\n- unstable_isConcurrent: true,\n- });\n+ await act(() => {\n+ ReactTestRenderer.create(, {\n+ unstable_isConcurrent: true,\n });\n- }).toErrorDev([\n+ });\n+ assertConsoleErrorDev([\n 'useEffect received a final argument that is not an array (instead, received `number`). ' +\n- 'When specified, the final argument must be an array.',\n+ 'When specified, the final argument must be an array.\\n' +\n+ ' in App (at **)',\n 'useLayoutEffect received a final argument that is not an array (instead, received `number`). ' +\n- 'When specified, the final argument must be an array.',\n+ 'When specified, the final argument must be an array.\\n' +\n+ ' in App (at **)',\n 'useMemo received a final argument that is not an array (instead, received `number`). ' +\n- 'When specified, the final argument must be an array.',\n+ 'When specified, the final argument must be an array.\\n' +\n+ ' in App (at **)',\n 'useCallback received a final argument that is not an array (instead, received `number`). ' +\n- 'When specified, the final argument must be an array.',\n+ 'When specified, the final argument must be an array.\\n' +\n+ ' in App (at **)',\n ]);\n- await expect(async () => {\n- await act(() => {\n- ReactTestRenderer.create(, {\n- unstable_isConcurrent: true,\n- });\n+ await act(() => {\n+ ReactTestRenderer.create(, {\n+ unstable_isConcurrent: true,\n });\n- }).toErrorDev([\n+ });\n+ assertConsoleErrorDev([\n 'useEffect received a final argument that is not an array (instead, received `object`). ' +\n- 'When specified, the final argument must be an array.',\n+ 'When specified, the final argument must be an array.\\n' +\n+ ' in App (at **)',\n 'useLayoutEffect received a final argument that is not an array (instead, received `object`). ' +\n- 'When specified, the final argument must be an array.',\n+ 'When specified, the final argument must be an array.\\n' +\n+ ' in App (at **)',\n 'useMemo received a final argument that is not an array (instead, received `object`). ' +\n- 'When specified, the final argument must be an array.',\n+ 'When specified, the final argument must be an array.\\n' +\n+ ' in App (at **)',\n 'useCallback received a final argument that is not an array (instead, received `object`). ' +\n- 'When specified, the final argument must be an array.',\n+ 'When specified, the final argument must be an array.\\n' +\n+ ' in App (at **)',\n ]);\n \n await act(() => {\n@@ -710,15 +722,15 @@ describe('ReactHooks', () => {\n });\n App.displayName = 'App';\n \n- await expect(async () => {\n- await act(() => {\n- ReactTestRenderer.create(, {\n- unstable_isConcurrent: true,\n- });\n+ await act(() => {\n+ ReactTestRenderer.create(, {\n+ unstable_isConcurrent: true,\n });\n- }).toErrorDev([\n+ });\n+ assertConsoleErrorDev([\n 'useImperativeHandle received a final argument that is not an array (instead, received `string`). ' +\n- 'When specified, the final argument must be an array.',\n+ 'When specified, the final argument must be an array.\\n' +\n+ ' in App (at **)',\n ]);\n await act(() => {\n ReactTestRenderer.create(, {\n@@ -817,17 +829,18 @@ describe('ReactHooks', () => {\n }\n \n await expect(async () => {\n- await expect(async () => {\n- await act(() => {\n- ReactTestRenderer.create(, {unstable_isConcurrent: true});\n- });\n- }).rejects.toThrow('create is not a function');\n- }).toErrorDev([\n+ await act(() => {\n+ ReactTestRenderer.create(, {unstable_isConcurrent: true});\n+ });\n+ }).rejects.toThrow('create is not a function');\n+ assertConsoleErrorDev([\n+ 'Expected useImperativeHandle() second argument to be a function ' +\n+ 'that creates a handle. Instead received: undefined.\\n' +\n+ ' in App (at **)',\n 'Expected useImperativeHandle() first argument to either be a ' +\n 'ref callback or React.createRef() object. ' +\n- 'Instead received: an object with keys {focus}.',\n- 'Expected useImperativeHandle() second argument to be a function ' +\n- 'that creates a handle. Instead received: undefined.',\n+ 'Instead received: an object with keys {focus}.\\n' +\n+ ' in App (at **)',\n ]);\n });\n \n@@ -841,13 +854,13 @@ describe('ReactHooks', () => {\n });\n App.displayName = 'App';\n \n- await expect(async () => {\n- await act(() => {\n- ReactTestRenderer.create(, {unstable_isConcurrent: true});\n- });\n- }).toErrorDev([\n+ await act(() => {\n+ ReactTestRenderer.create(, {unstable_isConcurrent: true});\n+ });\n+ assertConsoleErrorDev([\n 'Expected useImperativeHandle() second argument to be a function ' +\n- 'that creates a handle. Instead received: object.',\n+ 'that creates a handle. Instead received: object.\\n' +\n+ ' in App (at **)',\n ]);\n });\n \n@@ -933,13 +946,15 @@ describe('ReactHooks', () => {\n });\n return null;\n }\n- await expect(async () => {\n- await act(() => {\n- ReactTestRenderer.create(, {unstable_isConcurrent: true});\n- });\n- }).toErrorDev(\n- 'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks.',\n- );\n+ await act(() => {\n+ ReactTestRenderer.create(, {unstable_isConcurrent: true});\n+ });\n+ assertConsoleErrorDev([\n+ 'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. ' +\n+ 'You can only call Hooks at the top level of your React function. ' +\n+ 'For more information, see https:\/\/react.dev\/link\/rules-of-hooks\\n' +\n+ ' in App (at **)',\n+ ]);\n });\n \n it('warns when reading context inside useMemo', async () => {\n@@ -954,11 +969,16 @@ describe('ReactHooks', () => {\n }, []);\n }\n \n- await expect(async () => {\n- await act(() => {\n- ReactTestRenderer.create(, {unstable_isConcurrent: true});\n- });\n- }).toErrorDev('Context can only be read while React is rendering');\n+ await act(() => {\n+ ReactTestRenderer.create(, {unstable_isConcurrent: true});\n+ });\n+ assertConsoleErrorDev([\n+ 'Context can only be read while React is rendering. ' +\n+ 'In classes, you can read it in the render method or getDerivedStateFromProps. ' +\n+ 'In function components, you can read it directly in the function body, ' +\n+ 'but not inside Hooks like useReducer() or useMemo().\\n' +\n+ ' in App (at **)',\n+ ]);\n });\n \n it('warns when reading context inside useMemo after reading outside it', async () => {\n@@ -977,11 +997,16 @@ describe('ReactHooks', () => {\n }, []);\n }\n \n- await expect(async () => {\n- await act(() => {\n- ReactTestRenderer.create(, {unstable_isConcurrent: true});\n- });\n- }).toErrorDev('Context can only be read while React is rendering');\n+ await act(() => {\n+ ReactTestRenderer.create(, {unstable_isConcurrent: true});\n+ });\n+ assertConsoleErrorDev([\n+ 'Context can only be read while React is rendering. ' +\n+ 'In classes, you can read it in the render method or getDerivedStateFromProps. ' +\n+ 'In function components, you can read it directly in the function body, ' +\n+ 'but not inside Hooks like useReducer() or useMemo().\\n' +\n+ ' in App (at **)',\n+ ]);\n expect(firstRead).toBe('light');\n expect(secondRead).toBe('light');\n });\n@@ -1048,11 +1073,16 @@ describe('ReactHooks', () => {\n return null;\n }\n \n- await expect(async () => {\n- await act(() => {\n- ReactTestRenderer.create(, {unstable_isConcurrent: true});\n- });\n- }).toErrorDev(['Context can only be read while React is rendering']);\n+ await act(() => {\n+ ReactTestRenderer.create(, {unstable_isConcurrent: true});\n+ });\n+ assertConsoleErrorDev([\n+ 'Context can only be read while React is rendering. ' +\n+ 'In classes, you can read it in the render method or getDerivedStateFromProps. ' +\n+ 'In function components, you can read it directly in the function body, ' +\n+ 'but not inside Hooks like useReducer() or useMemo().\\n' +\n+ ' in App (at **)',\n+ ]);\n });\n \n \/\/ Edge case.\n@@ -1078,19 +1108,25 @@ describe('ReactHooks', () => {\n }\n }\n \n- await expect(async () => {\n- await act(() => {\n- ReactTestRenderer.create(\n- <>\n- \n- \n- <\/>,\n- {unstable_isConcurrent: true},\n- );\n- });\n- }).toErrorDev([\n- 'Context can only be read while React is rendering',\n- 'Cannot update a component (`Fn`) while rendering a different component (`Cls`).',\n+ await act(() => {\n+ ReactTestRenderer.create(\n+ <>\n+ \n+ \n+ <\/>,\n+ {unstable_isConcurrent: true},\n+ );\n+ });\n+ assertConsoleErrorDev([\n+ 'Context can only be read while React is rendering. ' +\n+ 'In classes, you can read it in the render method or getDerivedStateFromProps. ' +\n+ 'In function components, you can read it directly in the function body, ' +\n+ 'but not inside Hooks like useReducer() or useMemo().\\n' +\n+ ' in Cls (at **)',\n+ 'Cannot update a component (`Fn`) while rendering a different component (`Cls`). ' +\n+ 'To locate the bad setState() call inside `Cls`, ' +\n+ 'follow the stack trace as described in https:\/\/react.dev\/link\/setstate-in-render\\n' +\n+ ' in Cls (at **)',\n ]);\n });\n \n@@ -1110,24 +1146,32 @@ describe('ReactHooks', () => {\n }\n \n await expect(async () => {\n- await expect(async () => {\n- await act(() => {\n- ReactTestRenderer.create(, {unstable_isConcurrent: true});\n- });\n- }).rejects.toThrow(\n- 'Update hook called on initial render. This is likely a bug in React. Please file an issue.',\n- );\n- }).toErrorDev([\n- 'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks',\n+ await act(() => {\n+ ReactTestRenderer.create(, {unstable_isConcurrent: true});\n+ });\n+ }).rejects.toThrow(\n+ 'Update hook called on initial render. This is likely a bug in React. Please file an issue.',\n+ );\n+ assertConsoleErrorDev([\n+ 'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. ' +\n+ 'You can only call Hooks at the top level of your React function. ' +\n+ 'For more information, see https:\/\/react.dev\/link\/rules-of-hooks\\n' +\n+ ' in App (at **)',\n 'React has detected a change in the order of Hooks called by App. ' +\n 'This will lead to bugs and errors if not fixed. For more information, ' +\n- 'read the Rules of Hooks: https:\/\/react.dev\/link\/rules-of-hooks\\n\\n' +\n+ 'read the Rules of Hooks: https:\/\/react.dev\/link\/rules-of-hooks\\n' +\n+ '\\n' +\n ' Previous render Next render\\n' +\n ' ------------------------------------------------------\\n' +\n '1. useReducer useReducer\\n' +\n '2. useState useRef\\n' +\n- ' ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\\n\\n',\n- 'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks',\n+ ' ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\\n' +\n+ '\\n' +\n+ ' in App (at **)',\n+ 'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. ' +\n+ 'You can only call Hooks at the top level of your React function. ' +\n+ 'For more information, see https:\/\/react.dev\/link\/rules-of-hooks\\n' +\n+ ' in App (at **)',\n ]);\n });\n \n@@ -1140,13 +1184,15 @@ describe('ReactHooks', () => {\n });\n return null;\n }\n- await expect(async () => {\n- await act(() => {\n- ReactTestRenderer.create(, {unstable_isConcurrent: true});\n- });\n- }).toErrorDev(\n- 'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks.',\n- );\n+ await act(() => {\n+ ReactTestRenderer.create(, {unstable_isConcurrent: true});\n+ });\n+ assertConsoleErrorDev([\n+ 'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. ' +\n+ 'You can only call Hooks at the top level of your React function. ' +\n+ 'For more information, see https:\/\/react.dev\/link\/rules-of-hooks\\n' +\n+ ' in App (at **)',\n+ ]);\n });\n \n it('resets warning internal state when interrupted by an error', async () => {\n@@ -1177,21 +1223,37 @@ describe('ReactHooks', () => {\n }\n }\n \n- await expect(async () => {\n- await act(() => {\n- ReactTestRenderer.create(\n- \n- \n- <\/Boundary>,\n- {unstable_isConcurrent: true},\n- );\n- });\n- }).toErrorDev([\n- 'Context can only be read while React is rendering',\n- 'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks',\n-\n- 'Context can only be read while React is rendering',\n- 'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks',\n+ await act(() => {\n+ ReactTestRenderer.create(\n+ \n+ \n+ <\/Boundary>,\n+ {unstable_isConcurrent: true},\n+ );\n+ });\n+ assertConsoleErrorDev([\n+ 'Context can only be read while React is rendering. ' +\n+ 'In classes, you can read it in the render method or getDerivedStateFromProps. ' +\n+ 'In function components, you can read it directly in the function body, ' +\n+ 'but not inside Hooks like useReducer() or useMemo().\\n' +\n+ ' in App (at **)' +\n+ (gate('enableOwnerStacks') ? '' : '\\n in Boundary (at **)'),\n+ 'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. ' +\n+ 'You can only call Hooks at the top level of your React function. ' +\n+ 'For more information, see https:\/\/react.dev\/link\/rules-of-hooks\\n' +\n+ ' in App (at **)' +\n+ (gate('enableOwnerStacks') ? '' : '\\n in Boundary (at **)'),\n+ 'Context can only be read while React is rendering. ' +\n+ 'In classes, you can read it in the render method or getDerivedStateFromProps. ' +\n+ 'In function components, you can read it directly in the function body, ' +\n+ 'but not inside Hooks like useReducer() or useMemo().\\n' +\n+ ' in App (at **)' +\n+ (gate('enableOwnerStacks') ? '' : '\\n in Boundary (at **)'),\n+ 'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. ' +\n+ 'You can only call Hooks at the top level of your React function. ' +\n+ 'For more information, see https:\/\/react.dev\/link\/rules-of-hooks\\n' +\n+ ' in App (at **)' +\n+ (gate('enableOwnerStacks') ? '' : '\\n in Boundary (at **)'),\n ]);\n \n function Valid() {\n@@ -1218,21 +1280,37 @@ describe('ReactHooks', () => {\n });\n \n \/\/ Verify warnings don't get permanently disabled.\n- await expect(async () => {\n- await act(() => {\n- ReactTestRenderer.create(\n- \n- \n- <\/Boundary>,\n- {unstable_isConcurrent: true},\n- );\n- });\n- }).toErrorDev([\n- 'Context can only be read while React is rendering',\n- 'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks',\n-\n- 'Context can only be read while React is rendering',\n- 'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks',\n+ await act(() => {\n+ ReactTestRenderer.create(\n+ \n+ \n+ <\/Boundary>,\n+ {unstable_isConcurrent: true},\n+ );\n+ });\n+ assertConsoleErrorDev([\n+ 'Context can only be read while React is rendering. ' +\n+ 'In classes, you can read it in the render method or getDerivedStateFromProps. ' +\n+ 'In function components, you can read it directly in the function body, ' +\n+ 'but not inside Hooks like useReducer() or useMemo().\\n' +\n+ ' in App (at **)' +\n+ (gate('enableOwnerStacks') ? '' : '\\n in Boundary (at **)'),\n+ 'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. ' +\n+ 'You can only call Hooks at the top level of your React function. ' +\n+ 'For more information, see https:\/\/react.dev\/link\/rules-of-hooks\\n' +\n+ ' in App (at **)' +\n+ (gate('enableOwnerStacks') ? '' : '\\n in Boundary (at **)'),\n+ 'Context can only be read while React is rendering. ' +\n+ 'In classes, you can read it in the render method or getDerivedStateFromProps. ' +\n+ 'In function components, you can read it directly in the function body, ' +\n+ 'but not inside Hooks like useReducer() or useMemo().\\n' +\n+ ' in App (at **)' +\n+ (gate('enableOwnerStacks') ? '' : '\\n in Boundary (at **)'),\n+ 'Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. ' +\n+ 'You can only call Hooks at the top level of your React function. ' +\n+ 'For more information, see https:\/\/react.dev\/link\/rules-of-hooks\\n' +\n+ ' in App (at **)' +\n+ (gate('enableOwnerStacks') ? '' : '\\n in Boundary (at **)'),\n ]);\n });\n \n@@ -1569,24 +1647,26 @@ describe('ReactHooks', () => {\n unstable_isConcurrent: true,\n });\n });\n- await expect(async () => {\n- try {\n- await act(() => {\n- root.update();\n- });\n- } catch (error) {\n- \/\/ Swapping certain types of hooks will cause runtime errors.\n- \/\/ This is okay as far as this test is concerned.\n- \/\/ We just want to verify that warnings are always logged.\n- }\n- }).toErrorDev([\n+ try {\n+ await act(() => {\n+ root.update();\n+ });\n+ } catch (error) {\n+ \/\/ Swapping certain types of hooks will cause runtime errors.\n+ \/\/ This is okay as far as this test is concerned.\n+ \/\/ We just want to verify that warnings are always logged.\n+ }\n+ assertConsoleErrorDev([\n 'React has detected a change in the order of Hooks called by App. ' +\n 'This will lead to bugs and errors if not fixed. For more information, ' +\n- 'read the Rules of Hooks: https:\/\/react.dev\/link\/rules-of-hooks\\n\\n' +\n+ 'read the Rules of Hooks: https:\/\/react.dev\/link\/rules-of-hooks\\n' +\n+ '\\n' +\n ' Previous render Next render\\n' +\n ' ------------------------------------------------------\\n' +\n `1. ${formatHookNamesToMatchErrorMessage(hookNameA, hookNameB)}\\n` +\n- ' ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\\n\\n',\n+ ' ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\\n' +\n+ '\\n' +\n+ ' in App (at **)',\n ]);\n \n \/\/ further warnings for this component are silenced\n@@ -1618,25 +1698,27 @@ describe('ReactHooks', () => {\n });\n });\n \n- await expect(async () => {\n- try {\n- await act(() => {\n- root.update();\n- });\n- } catch (error) {\n- \/\/ Swapping certain types of hooks will cause runtime errors.\n- \/\/ This is okay as far as this test is concerned.\n- \/\/ We just want to verify that warnings are always logged.\n- }\n- }).toErrorDev([\n+ try {\n+ await act(() => {\n+ root.update();\n+ });\n+ } catch (error) {\n+ \/\/ Swapping certain types of hooks will cause runtime errors.\n+ \/\/ This is okay as far as this test is concerned.\n+ \/\/ We just want to verify that warnings are always logged.\n+ }\n+ assertConsoleErrorDev([\n 'React has detected a change in the order of Hooks called by App. ' +\n 'This will lead to bugs and errors if not fixed. For more information, ' +\n- 'read the Rules of Hooks: https:\/\/react.dev\/link\/rules-of-hooks\\n\\n' +\n+ 'read the Rules of Hooks: https:\/\/react.dev\/link\/rules-of-hooks\\n' +\n+ '\\n' +\n ' Previous render Next render\\n' +\n ' ------------------------------------------------------\\n' +\n `1. ${formatHookNamesToMatchErrorMessage(hookNameA, hookNameA)}\\n` +\n `2. undefined use${hookNameB}\\n` +\n- ' ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\\n\\n',\n+ ' ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\\n' +\n+ '\\n' +\n+ ' in App (at **)',\n ]);\n });\n });\n@@ -1701,24 +1783,26 @@ describe('ReactHooks', () => {\n unstable_isConcurrent: true,\n });\n });\n- await expect(async () => {\n- await act(() => {\n- root.update();\n- }).catch(e => {});\n- \/\/ Swapping certain types of hooks will cause runtime errors.\n- \/\/ This is okay as far as this test is concerned.\n- \/\/ We just want to verify that warnings are always logged.\n- }).toErrorDev([\n+ await act(() => {\n+ root.update();\n+ }).catch(e => {});\n+ \/\/ Swapping certain types of hooks will cause runtime errors.\n+ \/\/ This is okay as far as this test is concerned.\n+ \/\/ We just want to verify that warnings are always logged.\n+ assertConsoleErrorDev([\n 'React has detected a change in the order of Hooks called by App. ' +\n 'This will lead to bugs and errors if not fixed. For more information, ' +\n- 'read the Rules of Hooks: https:\/\/react.dev\/link\/rules-of-hooks\\n\\n' +\n+ 'read the Rules of Hooks: https:\/\/react.dev\/link\/rules-of-hooks\\n' +\n+ '\\n' +\n ' Previous render Next render\\n' +\n ' ------------------------------------------------------\\n' +\n `1. ${formatHookNamesToMatchErrorMessage(\n 'ImperativeHandle',\n 'Memo',\n )}\\n` +\n- ' ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\\n\\n',\n+ ' ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\\n' +\n+ '\\n' +\n+ ' in App (at **)',\n ]);\n \n \/\/ further warnings for this component are silenced\n@@ -1751,19 +1835,21 @@ describe('ReactHooks', () => {\n });\n });\n await expect(async () => {\n- await expect(async () => {\n- await act(() => {\n- root.update();\n- });\n- }).rejects.toThrow('custom error');\n- }).toErrorDev([\n+ await act(() => {\n+ root.update();\n+ });\n+ }).rejects.toThrow('custom error');\n+ assertConsoleErrorDev([\n 'React has detected a change in the order of Hooks called by App. ' +\n 'This will lead to bugs and errors if not fixed. For more information, ' +\n- 'read the Rules of Hooks: https:\/\/react.dev\/link\/rules-of-hooks\\n\\n' +\n+ 'read the Rules of Hooks: https:\/\/react.dev\/link\/rules-of-hooks\\n' +\n+ '\\n' +\n ' Previous render Next render\\n' +\n ' ------------------------------------------------------\\n' +\n '1. useReducer useState\\n' +\n- ' ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\\n\\n',\n+ ' ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\\n' +\n+ '\\n' +\n+ ' in App (at **)',\n ]);\n });\n });\n@@ -1798,8 +1884,10 @@ describe('ReactHooks', () => {\n });\n }).rejects.toThrow('Hello');\n assertConsoleErrorDev([\n- 'Cannot update a component (`A`) while rendering ' +\n- 'a different component (`B`).',\n+ 'Cannot update a component (`A`) while rendering a different component (`B`). ' +\n+ 'To locate the bad setState() call inside `B`, ' +\n+ 'follow the stack trace as described in https:\/\/react.dev\/link\/setstate-in-render\\n' +\n+ ' in B (at **)',\n ]);\n });\n \ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactHooksWithNoopRenderer-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactHooksWithNoopRenderer-test.js\nindex dcb3626699..e4febdb3e2 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactHooksWithNoopRenderer-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactHooksWithNoopRenderer-test.js\n@@ -42,6 +42,7 @@ let waitForThrow;\n let waitForPaint;\n let assertLog;\n let useResourceEffect;\n+let assertConsoleErrorDev;\n \n describe('ReactHooksWithNoopRenderer', () => {\n beforeEach(() => {\n@@ -52,6 +53,8 @@ describe('ReactHooksWithNoopRenderer', () => {\n ReactNoop = require('react-noop-renderer');\n Scheduler = require('scheduler');\n act = require('internal-test-utils').act;\n+ assertConsoleErrorDev =\n+ require('internal-test-utils').assertConsoleErrorDev;\n useState = React.useState;\n useReducer = React.useReducer;\n useEffect = React.useEffect;\n@@ -232,17 +235,18 @@ describe('ReactHooksWithNoopRenderer', () => {\n });\n \n it('throws when called outside the render phase', async () => {\n- expect(() => {\n- expect(() => useState(0)).toThrow(\n- \"Cannot read property 'useState' of null\",\n- );\n- }).toErrorDev(\n- 'Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for' +\n- ' one of the following reasons:\\n' +\n- '1. You might have mismatching versions of React and the renderer (such as React DOM)\\n' +\n- '2. You might be breaking the Rules of Hooks\\n' +\n- '3. You might have more than one copy of React in the same app\\n' +\n- 'See https:\/\/react.dev\/link\/invalid-hook-call for tips about how to debug and fix this problem.',\n+ expect(() => useState(0)).toThrow(\n+ \"Cannot read property 'useState' of null\",\n+ );\n+ assertConsoleErrorDev(\n+ [\n+ 'Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for' +\n+ ' one of the following reasons:\\n' +\n+ '1. You might have mismatching versions of React and the renderer (such as React DOM)\\n' +\n+ '2. You might be breaking the Rules of Hooks\\n' +\n+ '3. You might have more than one copy of React in the same app\\n' +\n+ 'See https:\/\/react.dev\/link\/invalid-hook-call for tips about how to debug and fix this problem.',\n+ ],\n {withoutStack: true},\n );\n });\n@@ -459,11 +463,12 @@ describe('ReactHooksWithNoopRenderer', () => {\n \n <\/>,\n );\n- await expect(\n- async () => await waitForAll(['Foo [0]', 'Bar', 'Foo [1]']),\n- ).toErrorDev([\n- 'Cannot update a component (`Foo`) while rendering a ' +\n- 'different component (`Bar`). To locate the bad setState() call inside `Bar`',\n+ await waitForAll(['Foo [0]', 'Bar', 'Foo [1]']);\n+ assertConsoleErrorDev([\n+ 'Cannot update a component (`Foo`) while rendering a different component (`Bar`). ' +\n+ 'To locate the bad setState() call inside `Bar`, ' +\n+ 'follow the stack trace as described in https:\/\/react.dev\/link\/setstate-in-render\\n' +\n+ ' in Bar (at **)',\n ]);\n \n \/\/ It should not warn again (deduplication).\n@@ -1645,6 +1650,12 @@ describe('ReactHooksWithNoopRenderer', () => {\n updateCount(props.count);\n });\n assertLog([`Schedule update [${props.count}]`]);\n+ assertConsoleErrorDev([\n+ 'flushSync was called from inside a lifecycle method. ' +\n+ 'React cannot flush when React is already rendering. ' +\n+ 'Consider moving this call to a scheduler task or micro task.\\n' +\n+ ' in Counter (at **)',\n+ ]);\n \/\/ This shouldn't flush synchronously.\n expect(ReactNoop).not.toMatchRenderedOutput(\n ,\n@@ -1652,17 +1663,14 @@ describe('ReactHooksWithNoopRenderer', () => {\n }, [props.count]);\n return ;\n }\n- await expect(async () => {\n- await act(async () => {\n- ReactNoop.render(, () =>\n- Scheduler.log('Sync effect'),\n- );\n- await waitFor(['Count: (empty)', 'Sync effect']);\n- expect(ReactNoop).toMatchRenderedOutput(\n- ,\n- );\n- });\n- }).toErrorDev('flushSync was called from inside a lifecycle method');\n+ await act(async () => {\n+ ReactNoop.render(, () =>\n+ Scheduler.log('Sync effect'),\n+ );\n+ await waitFor(['Count: (empty)', 'Sync effect']);\n+ expect(ReactNoop).toMatchRenderedOutput();\n+ });\n+\n assertLog([`Count: 0`]);\n expect(ReactNoop).toMatchRenderedOutput();\n });\n@@ -2506,35 +2514,47 @@ describe('ReactHooksWithNoopRenderer', () => {\n }\n \n const root1 = ReactNoop.createRoot();\n- await expect(async () => {\n- await act(() => {\n- root1.render();\n- });\n- }).toErrorDev([\n- 'useEffect must not return anything besides a ' +\n- 'function, which is used for clean-up. You returned: 17',\n+ await act(() => {\n+ root1.render();\n+ });\n+ assertConsoleErrorDev([\n+ 'useEffect must not return anything besides a function, ' +\n+ 'which is used for clean-up. You returned: 17\\n' +\n+ ' in App (at **)',\n ]);\n \n const root2 = ReactNoop.createRoot();\n- await expect(async () => {\n- await act(() => {\n- root2.render();\n- });\n- }).toErrorDev([\n- 'useEffect must not return anything besides a ' +\n- 'function, which is used for clean-up. You returned null. If your ' +\n- 'effect does not require clean up, return undefined (or nothing).',\n+ await act(() => {\n+ root2.render();\n+ });\n+ assertConsoleErrorDev([\n+ 'useEffect must not return anything besides a function, ' +\n+ 'which is used for clean-up. You returned null. ' +\n+ 'If your effect does not require clean up, return undefined (or nothing).\\n' +\n+ ' in App (at **)',\n ]);\n \n const root3 = ReactNoop.createRoot();\n- await expect(async () => {\n- await act(() => {\n- root3.render();\n- });\n- }).toErrorDev([\n- 'useEffect must not return anything besides a ' +\n- 'function, which is used for clean-up.\\n\\n' +\n- 'It looks like you wrote useEffect(async () => ...) or returned a Promise.',\n+ await act(() => {\n+ root3.render();\n+ });\n+ assertConsoleErrorDev([\n+ 'useEffect must not return anything besides a function, which is used for clean-up.\\n' +\n+ '\\n' +\n+ 'It looks like you wrote useEffect(async () => ...) or returned a Promise. ' +\n+ 'Instead, write the async function inside your effect and call it immediately:\\n' +\n+ '\\n' +\n+ 'useEffect(() => {\\n' +\n+ ' async function fetchData() {\\n' +\n+ ' \/\/ You can await here\\n' +\n+ ' const response = await MyAPI.getData(someId);\\n' +\n+ ' \/\/ ...\\n' +\n+ ' }\\n' +\n+ ' fetchData();\\n' +\n+ \"}, [someId]); \/\/ Or [] if effect doesn't need props or state\\n\" +\n+ '\\n' +\n+ 'Learn more about data fetching with Hooks: https:\/\/react.dev\/link\/hooks-data-fetching\\n' +\n+ ' in App (at **)',\n ]);\n \n \/\/ Error on unmount because React assumes the value is a function\n@@ -2895,35 +2915,48 @@ describe('ReactHooksWithNoopRenderer', () => {\n }\n \n const root1 = ReactNoop.createRoot();\n- await expect(async () => {\n- await act(() => {\n- root1.render();\n- });\n- }).toErrorDev([\n- 'useInsertionEffect must not return anything besides a ' +\n- 'function, which is used for clean-up. You returned: 17',\n+ await act(() => {\n+ root1.render();\n+ });\n+ assertConsoleErrorDev([\n+ 'useInsertionEffect must not return anything besides a function, ' +\n+ 'which is used for clean-up. You returned: 17\\n' +\n+ ' in App (at **)',\n ]);\n \n const root2 = ReactNoop.createRoot();\n- await expect(async () => {\n- await act(() => {\n- root2.render();\n- });\n- }).toErrorDev([\n- 'useInsertionEffect must not return anything besides a ' +\n- 'function, which is used for clean-up. You returned null. If your ' +\n- 'effect does not require clean up, return undefined (or nothing).',\n+ await act(() => {\n+ root2.render();\n+ });\n+ assertConsoleErrorDev([\n+ 'useInsertionEffect must not return anything besides a function, ' +\n+ 'which is used for clean-up. You returned null. ' +\n+ 'If your effect does not require clean up, return undefined (or nothing).\\n' +\n+ ' in App (at **)',\n ]);\n \n const root3 = ReactNoop.createRoot();\n- await expect(async () => {\n- await act(() => {\n- root3.render();\n- });\n- }).toErrorDev([\n+ await act(() => {\n+ root3.render();\n+ });\n+ assertConsoleErrorDev([\n 'useInsertionEffect must not return anything besides a ' +\n- 'function, which is used for clean-up.\\n\\n' +\n- 'It looks like you wrote useInsertionEffect(async () => ...) or returned a Promise.',\n+ 'function, which is used for clean-up.\\n' +\n+ '\\n' +\n+ 'It looks like you wrote useInsertionEffect(async () => ...) or returned a Promise. ' +\n+ 'Instead, write the async function inside your effect and call it immediately:\\n' +\n+ '\\n' +\n+ 'useInsertionEffect(() => {\\n' +\n+ ' async function fetchData() {\\n' +\n+ ' \/\/ You can await here\\n' +\n+ ' const response = await MyAPI.getData(someId);\\n' +\n+ ' \/\/ ...\\n' +\n+ ' }\\n' +\n+ ' fetchData();\\n' +\n+ \"}, [someId]); \/\/ Or [] if effect doesn't need props or state\\n\" +\n+ '\\n' +\n+ 'Learn more about data fetching with Hooks: https:\/\/react.dev\/link\/hooks-data-fetching\\n' +\n+ ' in App (at **)',\n ]);\n \n \/\/ Error on unmount because React assumes the value is a function\n@@ -2946,11 +2979,13 @@ describe('ReactHooksWithNoopRenderer', () => {\n }\n \n const root = ReactNoop.createRoot();\n- await expect(async () => {\n- await act(() => {\n- root.render();\n- });\n- }).toErrorDev(['useInsertionEffect must not schedule updates.']);\n+ await act(() => {\n+ root.render();\n+ });\n+ assertConsoleErrorDev([\n+ 'useInsertionEffect must not schedule updates.\\n' +\n+ ' in App (at **)',\n+ ]);\n \n await act(async () => {\n root.render();\n@@ -2988,11 +3023,13 @@ describe('ReactHooksWithNoopRenderer', () => {\n await act(() => {\n root.render();\n });\n- await expect(async () => {\n- await act(() => {\n- root.render();\n- });\n- }).toErrorDev(['useInsertionEffect must not schedule updates.']);\n+ await act(() => {\n+ root.render();\n+ });\n+ assertConsoleErrorDev([\n+ 'useInsertionEffect must not schedule updates.\\n' +\n+ ' in App (at **)',\n+ ]);\n \n await act(async () => {\n root.render();\n@@ -3036,19 +3073,17 @@ describe('ReactHooksWithNoopRenderer', () => {\n );\n });\n \n- if (gate(flags => flags.enableHiddenSubtreeInsertionEffectCleanup)) {\n- await expect(async () => {\n- await act(() => {\n- root.render();\n- });\n- }).toErrorDev(['useInsertionEffect must not schedule updates.']);\n- } else {\n- await expect(async () => {\n- await act(() => {\n- root.render();\n- });\n- }).toErrorDev([]);\n- }\n+ await act(() => {\n+ root.render();\n+ });\n+ assertConsoleErrorDev(\n+ gate('enableHiddenSubtreeInsertionEffectCleanup')\n+ ? [\n+ 'useInsertionEffect must not schedule updates.\\n' +\n+ ' in App (at **)',\n+ ]\n+ : [],\n+ );\n \n \/\/ Should not warn for regular effects after throw.\n function NotInsertion() {\n@@ -3225,35 +3260,47 @@ describe('ReactHooksWithNoopRenderer', () => {\n }\n \n const root1 = ReactNoop.createRoot();\n- await expect(async () => {\n- await act(() => {\n- root1.render();\n- });\n- }).toErrorDev([\n+ await act(() => {\n+ root1.render();\n+ });\n+ assertConsoleErrorDev([\n 'useLayoutEffect must not return anything besides a ' +\n- 'function, which is used for clean-up. You returned: 17',\n+ 'function, which is used for clean-up. You returned: 17\\n' +\n+ ' in App (at **)',\n ]);\n \n const root2 = ReactNoop.createRoot();\n- await expect(async () => {\n- await act(() => {\n- root2.render();\n- });\n- }).toErrorDev([\n+ await act(() => {\n+ root2.render();\n+ });\n+ assertConsoleErrorDev([\n 'useLayoutEffect must not return anything besides a ' +\n 'function, which is used for clean-up. You returned null. If your ' +\n- 'effect does not require clean up, return undefined (or nothing).',\n+ 'effect does not require clean up, return undefined (or nothing).\\n' +\n+ ' in App (at **)',\n ]);\n \n const root3 = ReactNoop.createRoot();\n- await expect(async () => {\n- await act(() => {\n- root3.render();\n- });\n- }).toErrorDev([\n+ await act(() => {\n+ root3.render();\n+ });\n+ assertConsoleErrorDev([\n 'useLayoutEffect must not return anything besides a ' +\n 'function, which is used for clean-up.\\n\\n' +\n- 'It looks like you wrote useLayoutEffect(async () => ...) or returned a Promise.',\n+ 'It looks like you wrote useLayoutEffect(async () => ...) or returned a Promise. ' +\n+ 'Instead, write the async function inside your effect and call it immediately:\\n' +\n+ '\\n' +\n+ 'useLayoutEffect(() => {\\n' +\n+ ' async function fetchData() {\\n' +\n+ ' \/\/ You can await here\\n' +\n+ ' const response = await MyAPI.getData(someId);\\n' +\n+ ' \/\/ ...\\n' +\n+ ' }\\n' +\n+ ' fetchData();\\n' +\n+ \"}, [someId]); \/\/ Or [] if effect doesn't need props or state\\n\" +\n+ '\\n' +\n+ 'Learn more about data fetching with Hooks: https:\/\/react.dev\/link\/hooks-data-fetching\\n' +\n+ ' in App (at **)',\n ]);\n \n \/\/ Error on unmount because React assumes the value is a function\n@@ -3300,13 +3347,14 @@ describe('ReactHooksWithNoopRenderer', () => {\n return null;\n }\n \n- await expect(async () => {\n- await act(() => {\n- ReactNoop.render();\n- });\n- }).toErrorDev(\n- 'useResourceEffect must provide a callback which returns a resource. ' +\n- 'If a managed resource is not needed here, use useEffect. Received undefined',\n+ await act(() => {\n+ ReactNoop.render();\n+ });\n+ assertConsoleErrorDev(\n+ [\n+ 'useResourceEffect must provide a callback which returns a resource. ' +\n+ 'If a managed resource is not needed here, use useEffect. Received undefined',\n+ ],\n {withoutStack: true},\n );\n });\n@@ -3328,14 +3376,14 @@ describe('ReactHooksWithNoopRenderer', () => {\n return null;\n }\n \n- await expect(async () => {\n- await act(() => {\n- ReactNoop.render();\n- });\n- }).toErrorDev(\n+ await act(() => {\n+ ReactNoop.render();\n+ });\n+ assertConsoleErrorDev([\n 'useResourceEffect received a dependency array with no dependencies. ' +\n- 'When specified, the dependency array must have at least one dependency.',\n- );\n+ 'When specified, the dependency array must have at least one dependency.\\n' +\n+ ' in App (at **)',\n+ ]);\n });\n \n \/\/ @gate enableUseResourceEffectHook\n@@ -4472,21 +4520,23 @@ describe('ReactHooksWithNoopRenderer', () => {\n );\n \n ReactNoop.render();\n- await expect(async () => {\n- await waitForThrow(\n- 'Rendered more hooks than during the previous render.',\n- );\n- assertLog([]);\n- }).toErrorDev([\n+ await waitForThrow(\n+ 'Rendered more hooks than during the previous render.',\n+ );\n+ assertLog([]);\n+ assertConsoleErrorDev([\n 'React has detected a change in the order of Hooks called by App. ' +\n 'This will lead to bugs and errors if not fixed. For more information, ' +\n- 'read the Rules of Hooks: https:\/\/react.dev\/link\/rules-of-hooks\\n\\n' +\n+ 'read the Rules of Hooks: https:\/\/react.dev\/link\/rules-of-hooks\\n' +\n+ '\\n' +\n ' Previous render Next render\\n' +\n ' ------------------------------------------------------\\n' +\n '1. useState useState\\n' +\n '2. useState useState\\n' +\n '3. undefined useState\\n' +\n- ' ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\\n\\n',\n+ ' ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\\n' +\n+ '\\n' +\n+ ' in App (at **)',\n ]);\n \n \/\/ Uncomment if\/when we support this again\n@@ -4569,20 +4619,22 @@ describe('ReactHooksWithNoopRenderer', () => {\n \n await act(async () => {\n ReactNoop.render();\n- await expect(async () => {\n- await waitForThrow(\n- 'Rendered more hooks than during the previous render.',\n- );\n- assertLog(['Unmount A']);\n- }).toErrorDev([\n+ await waitForThrow(\n+ 'Rendered more hooks than during the previous render.',\n+ );\n+ assertLog(['Unmount A']);\n+ assertConsoleErrorDev([\n 'React has detected a change in the order of Hooks called by App. ' +\n 'This will lead to bugs and errors if not fixed. For more information, ' +\n- 'read the Rules of Hooks: https:\/\/react.dev\/link\/rules-of-hooks\\n\\n' +\n+ 'read the Rules of Hooks: https:\/\/react.dev\/link\/rules-of-hooks\\n' +\n+ '\\n' +\n ' Previous render Next render\\n' +\n ' ------------------------------------------------------\\n' +\n '1. useEffect useEffect\\n' +\n '2. undefined useEffect\\n' +\n- ' ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\\n\\n',\n+ ' ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\\n' +\n+ '\\n' +\n+ ' in App (at **)',\n ]);\n });\n \ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactIncremental-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactIncremental-test.js\nindex 50ed1ba5ee..cf71014cce 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactIncremental-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactIncremental-test.js\n@@ -1798,9 +1798,19 @@ describe('ReactIncremental', () => {\n 'ShowBoth {\"locale\":\"fr\"}',\n ]);\n assertConsoleErrorDev([\n- 'Intl uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n- 'ShowLocale uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n- 'ShowBoth uses the legacy contextTypes API which will be removed soon. Use React.createContext() with React.useContext() instead.',\n+ 'Intl uses the legacy childContextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in Intl (at **)',\n+ 'ShowLocale uses the legacy contextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() with static contextType instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in ShowLocale (at **)' +\n+ (gate('enableOwnerStacks') ? '' : '\\n in Intl (at **)'),\n+ 'ShowBoth uses the legacy contextTypes API which will be removed soon. ' +\n+ 'Use React.createContext() with React.useContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in ShowBoth (at **)' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : '\\n in div (at **)' + '\\n in Intl (at **)'),\n ]);\n \n ReactNoop.render(\n@@ -1853,8 +1863,18 @@ describe('ReactIncremental', () => {\n 'ShowBoth {\"locale\":\"en\"}',\n ]);\n assertConsoleErrorDev([\n- 'Router uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n- 'ShowRoute uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ 'Router uses the legacy childContextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in Router (at **)' +\n+ (gate('enableOwnerStacks') ? '' : '\\n in Intl (at **)'),\n+ 'ShowRoute uses the legacy contextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() with static contextType instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ (gate('enableOwnerStacks')\n+ ? ' in Indirection (at **)'\n+ : ' in ShowRoute (at **)\\n' +\n+ ' in Indirection (at **)\\n' +\n+ ' in Router (at **)\\n' +\n+ ' in Intl (at **)'),\n ]);\n });\n \n@@ -1890,8 +1910,12 @@ describe('ReactIncremental', () => {\n 'Recurse {\"n\":0}',\n ]);\n assertConsoleErrorDev([\n- 'Recurse uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n- 'Recurse uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ 'Recurse uses the legacy childContextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in Recurse (at **)',\n+ 'Recurse uses the legacy contextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() with static contextType instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in Recurse (at **)',\n ]);\n });\n \n@@ -1943,8 +1967,13 @@ describe('ReactIncremental', () => {\n 'ShowLocale {\"locale\":\"fr\"}',\n ]);\n assertConsoleErrorDev([\n- 'Intl uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n- 'ShowLocale uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ 'Intl uses the legacy childContextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in Intl (at **)',\n+ 'ShowLocale uses the legacy contextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() with static contextType instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in ShowLocale (at **)' +\n+ (gate('enableOwnerStacks') ? '' : '\\n in Intl (at **)'),\n ]);\n \n await waitForAll([\n@@ -2034,9 +2063,27 @@ describe('ReactIncremental', () => {\n 'ShowLocaleFn:read {\"locale\":\"fr\"}',\n ]);\n assertConsoleErrorDev([\n- 'Intl uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n- 'ShowLocaleClass uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n- 'ShowLocaleFn uses the legacy contextTypes API which will be removed soon. Use React.createContext() with React.useContext() instead.',\n+ 'Intl uses the legacy childContextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in Intl (at **)',\n+ 'ShowLocaleClass uses the legacy contextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() with static contextType instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in ShowLocaleClass (at **)' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : '\\n in Stateful (at **)' +\n+ '\\n in IndirectionClass (at **)' +\n+ '\\n in IndirectionFn (at **)' +\n+ ' in Intl (at **)'),\n+ 'ShowLocaleFn uses the legacy contextTypes API which will be removed soon. ' +\n+ 'Use React.createContext() with React.useContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in ShowLocaleFn (at **)' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : '\\n in Stateful (at **)' +\n+ '\\n in IndirectionClass (at **)' +\n+ '\\n in IndirectionFn (at **)' +\n+ ' in Intl (at **)'),\n ]);\n \n statefulInst.setState({x: 1});\n@@ -2125,9 +2172,28 @@ describe('ReactIncremental', () => {\n ]);\n \n assertConsoleErrorDev([\n- 'Intl uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n- 'ShowLocaleClass uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n- 'ShowLocaleFn uses the legacy contextTypes API which will be removed soon. Use React.createContext() with React.useContext() instead.',\n+ 'Intl uses the legacy childContextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ (gate('enableOwnerStacks') ? '' : ' in Intl (at **)\\n') +\n+ ' in Stateful (at **)',\n+ 'ShowLocaleClass uses the legacy contextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() with static contextType instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in ShowLocaleClass (at **)' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : '\\n in IndirectionClass (at **)' +\n+ '\\n in IndirectionFn (at **)' +\n+ '\\n in Intl (at **)' +\n+ '\\n in Stateful (at **)'),\n+ 'ShowLocaleFn uses the legacy contextTypes API which will be removed soon. ' +\n+ 'Use React.createContext() with React.useContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in ShowLocaleFn (at **)' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : '\\n in IndirectionClass (at **)' +\n+ '\\n in IndirectionFn (at **)' +\n+ '\\n in Intl (at **)' +\n+ '\\n in Stateful (at **)'),\n ]);\n \n statefulInst.setState({locale: 'gr'});\n@@ -2187,7 +2253,11 @@ describe('ReactIncremental', () => {\n await waitForAll([]);\n \n assertConsoleErrorDev([\n- 'Child uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'Child uses the legacy childContextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ (gate('enableOwnerStacks') ? '' : ' in Child (at **)\\n') +\n+ ' in Middle (at **)\\n' +\n+ ' in Root (at **)',\n ]);\n \n \/\/ Trigger an update in the middle of the tree\n@@ -2235,8 +2305,12 @@ describe('ReactIncremental', () => {\n \n \/\/ Init\n ReactNoop.render();\n- await expect(async () => await waitForAll([])).toErrorDev([\n- 'ContextProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ await waitForAll([]);\n+ assertConsoleErrorDev([\n+ 'ContextProvider uses the legacy childContextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ (gate('enableOwnerStacks') ? '' : ' in ContextProvider (at **)\\n') +\n+ ' in Root (at **)',\n ]);\n \n \/\/ Trigger an update in the middle of the tree\n@@ -2244,9 +2318,12 @@ describe('ReactIncremental', () => {\n instance.setState({\n throwError: true,\n });\n- await expect(async () => await waitForAll([])).toErrorDev(\n- 'Error boundaries should implement getDerivedStateFromError()',\n- );\n+ await waitForAll([]);\n+ assertConsoleErrorDev([\n+ 'Root: Error boundaries should implement getDerivedStateFromError(). ' +\n+ 'In that method, return a state update to display an error message or fallback UI.\\n' +\n+ ' in Root (at **)',\n+ ]);\n });\n \n \/\/ @gate !disableLegacyContext || !__DEV__\n@@ -2292,7 +2369,9 @@ describe('ReactIncremental', () => {\n ]);\n \n assertConsoleErrorDev([\n- 'MyComponent uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ 'MyComponent uses the legacy contextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() with static contextType instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in MyComponent (at **)',\n ]);\n });\n \n@@ -2427,8 +2506,15 @@ describe('ReactIncremental', () => {\n \n await waitForAll(['count:0']);\n assertConsoleErrorDev([\n- 'TopContextProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n- 'Child uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ 'TopContextProvider uses the legacy childContextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in TopContextProvider (at **)',\n+ 'Child uses the legacy contextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() with static contextType instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in Child (at **)' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : '\\n in Middle (at **)' + '\\n in TopContextProvider (at **)'),\n ]);\n instance.updateCount();\n await waitForAll(['count:1']);\n@@ -2487,9 +2573,22 @@ describe('ReactIncremental', () => {\n \n await waitForAll(['count:0']);\n assertConsoleErrorDev([\n- 'TopContextProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n- 'MiddleContextProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n- 'Child uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ 'TopContextProvider uses the legacy childContextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in TopContextProvider (at **)',\n+ 'MiddleContextProvider uses the legacy childContextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in MiddleContextProvider (at **)' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : '\\n in TopContextProvider (at **)'),\n+ 'Child uses the legacy contextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() with static contextType instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in Child (at **)' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : '\\n in MiddleContextProvider (at **)' +\n+ '\\n in TopContextProvider (at **)'),\n ]);\n instance.updateCount();\n await waitForAll(['count:1']);\n@@ -2557,9 +2656,24 @@ describe('ReactIncremental', () => {\n \n await waitForAll(['count:0']);\n assertConsoleErrorDev([\n- 'TopContextProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n- 'MiddleContextProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n- 'Child uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ 'TopContextProvider uses the legacy childContextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in TopContextProvider (at **)',\n+ 'MiddleContextProvider uses the legacy childContextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in MiddleContextProvider (at **)' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : '\\n in MiddleScu (at **)' +\n+ '\\n in TopContextProvider (at **)'),\n+ 'Child uses the legacy contextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() with static contextType instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in Child (at **)' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : '\\n in MiddleContextProvider (at **)' +\n+ '\\n in MiddleScu (at **)' +\n+ '\\n in TopContextProvider (at **)'),\n ]);\n instance.updateCount();\n await waitForAll([]);\n@@ -2637,9 +2751,24 @@ describe('ReactIncremental', () => {\n \n await waitForAll(['count:0, name:brian']);\n assertConsoleErrorDev([\n- 'TopContextProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n- 'MiddleContextProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n- 'Child uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n+ 'TopContextProvider uses the legacy childContextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in TopContextProvider (at **)',\n+ 'MiddleContextProvider uses the legacy childContextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in MiddleContextProvider (at **)' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : '\\n in MiddleScu (at **)' +\n+ '\\n in TopContextProvider (at **)'),\n+ 'Child uses the legacy contextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() with static contextType instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in Child (at **)' +\n+ (gate('enableOwnerStacks')\n+ ? ''\n+ : '\\n in MiddleContextProvider (at **)' +\n+ '\\n in MiddleScu (at **)' +\n+ '\\n in TopContextProvider (at **)'),\n ]);\n topInstance.updateCount();\n await waitForAll([]);\n@@ -2743,11 +2872,19 @@ describe('ReactIncremental', () => {\n \n <\/React.StrictMode>,\n );\n- await expect(async () => {\n- await waitForAll([]);\n- }).toErrorDev([\n- 'Boundary uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n- 'Legacy context API has been detected within a strict-mode tree',\n+ await waitForAll([]);\n+ assertConsoleErrorDev([\n+ 'Boundary uses the legacy contextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() with static contextType instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in Boundary (at **)',\n+ 'Legacy context API has been detected within a strict-mode tree.\\n' +\n+ '\\n' +\n+ 'The old API will be supported in all 16.x releases, but applications using it should migrate to the new version.\\n' +\n+ '\\n' +\n+ 'Please update the following components: Boundary\\n' +\n+ '\\n' +\n+ 'Learn more about this warning here: https:\/\/react.dev\/link\/legacy-context\\n' +\n+ ' in Boundary (at **)',\n ]);\n }\n \ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalErrorHandling-test.internal.js b\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalErrorHandling-test.internal.js\nindex 2f0f23dca8..028f80d3de 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalErrorHandling-test.internal.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalErrorHandling-test.internal.js\n@@ -1212,12 +1212,18 @@ describe('ReactIncrementalErrorHandling', () => {\n <\/Provider>,\n );\n \n- await expect(async () => {\n- await waitForAll([]);\n- }).toErrorDev([\n- 'Provider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n- 'Provider uses the legacy contextTypes API which will soon be removed. Use React.createContext() with static contextType instead.',\n- 'Connector uses the legacy contextTypes API which will be removed soon. Use React.createContext() with React.useContext() instead.',\n+ await waitForAll([]);\n+ assertConsoleErrorDev([\n+ 'Provider uses the legacy childContextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in Provider (at **)',\n+ 'Provider uses the legacy contextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() with static contextType instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in Provider (at **)',\n+ 'Connector uses the legacy contextTypes API which will be removed soon. ' +\n+ 'Use React.createContext() with React.useContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in Connector (at **)' +\n+ (gate('enableOwnerStacks') ? '' : '\\n in Provider (at **)'),\n ]);\n \n \/\/ If the context stack does not unwind, span will get 'abcde'\n@@ -1250,9 +1256,19 @@ describe('ReactIncrementalErrorHandling', () => {\n await waitForAll([]);\n if (gate(flags => !flags.enableOwnerStacks)) {\n assertConsoleErrorDev([\n- 'React.jsx: type is invalid -- expected a string',\n+ 'React.jsx: type is invalid -- expected a string (for built-in components) ' +\n+ 'or a class\/function (for composite components) but got: undefined. ' +\n+ \"You likely forgot to export your component from the file it's defined in, \" +\n+ 'or you might have mixed up default and named imports.\\n' +\n+ ' in BrokenRender (at **)\\n' +\n+ ' in ErrorBoundary (at **)',\n \/\/ React retries once on error\n- 'React.jsx: type is invalid -- expected a string',\n+ 'React.jsx: type is invalid -- expected a string (for built-in components) ' +\n+ 'or a class\/function (for composite components) but got: undefined. ' +\n+ \"You likely forgot to export your component from the file it's defined in, \" +\n+ 'or you might have mixed up default and named imports.\\n' +\n+ ' in BrokenRender (at **)\\n' +\n+ ' in ErrorBoundary (at **)',\n ]);\n }\n \n@@ -1305,9 +1321,19 @@ describe('ReactIncrementalErrorHandling', () => {\n await waitForAll([]);\n if (gate(flags => !flags.enableOwnerStacks)) {\n assertConsoleErrorDev([\n- 'React.jsx: type is invalid -- expected a string',\n+ 'React.jsx: type is invalid -- expected a string (for built-in components) ' +\n+ 'or a class\/function (for composite components) but got: undefined. ' +\n+ \"You likely forgot to export your component from the file it's defined in, \" +\n+ 'or you might have mixed up default and named imports.\\n' +\n+ ' in BrokenRender (at **)\\n' +\n+ ' in ErrorBoundary (at **)',\n \/\/ React retries once on error\n- 'React.jsx: type is invalid -- expected a string',\n+ 'React.jsx: type is invalid -- expected a string (for built-in components) ' +\n+ 'or a class\/function (for composite components) but got: undefined. ' +\n+ \"You likely forgot to export your component from the file it's defined in, \" +\n+ 'or you might have mixed up default and named imports.\\n' +\n+ ' in BrokenRender (at **)\\n' +\n+ ' in ErrorBoundary (at **)',\n ]);\n }\n expect(ReactNoop).toMatchRenderedOutput(\n@@ -1330,7 +1356,12 @@ describe('ReactIncrementalErrorHandling', () => {\n ReactNoop.render();\n if (gate(flags => !flags.enableOwnerStacks)) {\n assertConsoleErrorDev(\n- ['React.jsx: type is invalid -- expected a string'],\n+ [\n+ 'React.jsx: type is invalid -- expected a string (for built-in components) ' +\n+ 'or a class\/function (for composite components) but got: undefined. ' +\n+ \"You likely forgot to export your component from the file it's defined in, \" +\n+ 'or you might have mixed up default and named imports.',\n+ ],\n {withoutStack: true},\n );\n }\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalErrorLogging-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalErrorLogging-test.js\nindex 6aa4034636..75ca5f6b13 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalErrorLogging-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalErrorLogging-test.js\n@@ -33,7 +33,7 @@ describe('ReactIncrementalErrorLogging', () => {\n waitForAll = InternalTestUtils.waitForAll;\n });\n \n- \/\/ Note: in this test file we won't be using toErrorDev() matchers\n+ \/\/ Note: in this test file we won't be using assertConsoleDev() matchers\n \/\/ because they filter out precisely the messages we want to test for.\n let oldConsoleWarn;\n let oldConsoleError;\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalUpdates-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalUpdates-test.js\nindex 4d4ab4f7c9..b7a2d6b661 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalUpdates-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalUpdates-test.js\n@@ -18,6 +18,7 @@ let act;\n let waitForAll;\n let waitFor;\n let assertLog;\n+let assertConsoleErrorDev;\n \n describe('ReactIncrementalUpdates', () => {\n beforeEach(() => {\n@@ -34,6 +35,7 @@ describe('ReactIncrementalUpdates', () => {\n waitForAll = InternalTestUtils.waitForAll;\n waitFor = InternalTestUtils.waitFor;\n assertLog = InternalTestUtils.assertLog;\n+ assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;\n });\n \n function Text({text}) {\n@@ -366,20 +368,21 @@ describe('ReactIncrementalUpdates', () => {\n return {a: 'a'};\n });\n \n- await expect(\n- async () =>\n- await waitForAll([\n- 'setState updater',\n- \/\/ Updates in the render phase receive the currently rendering\n- \/\/ lane, so the update flushes immediately in the same render.\n- 'render',\n- ]),\n- ).toErrorDev(\n+ await waitForAll([\n+ 'setState updater',\n+ \/\/ Updates in the render phase receive the currently rendering\n+ \/\/ lane, so the update flushes immediately in the same render.\n+ 'render',\n+ ]);\n+ assertConsoleErrorDev([\n 'An update (setState, replaceState, or forceUpdate) was scheduled ' +\n 'from inside an update function. Update functions should be pure, ' +\n 'with zero side-effects. Consider using componentDidUpdate or a ' +\n- 'callback.\\n\\nPlease update the following component: Foo',\n- );\n+ 'callback.\\n' +\n+ '\\n' +\n+ 'Please update the following component: Foo\\n' +\n+ ' in Foo (at **)',\n+ ]);\n expect(instance.state).toEqual({a: 'a', b: 'b'});\n \n \/\/ Test deduplication (no additional warnings expected)\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactLazy-test.internal.js b\/packages\/react-reconciler\/src\/__tests__\/ReactLazy-test.internal.js\nindex 1b665b2b8b..748bfff6b0 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactLazy-test.internal.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactLazy-test.internal.js\n@@ -721,12 +721,13 @@ describe('ReactLazy', () => {\n }\n T.defaultProps = {inner: 'Hi'};\n const LazyText = lazy(() => fakeImport(T));\n- expect(() => {\n- LazyText.defaultProps = {outer: 'Bye'};\n- }).toErrorDev(\n- 'It is not supported to assign `defaultProps` to ' +\n- 'a lazy component import. Either specify them where the component ' +\n- 'is defined, or create a wrapping component around it.',\n+ LazyText.defaultProps = {outer: 'Bye'};\n+ assertConsoleErrorDev(\n+ [\n+ 'It is not supported to assign `defaultProps` to ' +\n+ 'a lazy component import. Either specify them where the component ' +\n+ 'is defined, or create a wrapping component around it.',\n+ ],\n {withoutStack: true},\n );\n \n@@ -742,14 +743,15 @@ describe('ReactLazy', () => {\n await waitForAll(['Loading...']);\n expect(root).not.toMatchRenderedOutput('Hi Bye');\n \n- await expect(async () => {\n- await act(() => resolveFakeImport(T));\n- assertLog(['Hi Bye']);\n- }).toErrorDev(\n+ await act(() => resolveFakeImport(T));\n+ assertLog(['Hi Bye']);\n+ assertConsoleErrorDev([\n 'T: Support for defaultProps ' +\n 'will be removed from function components in a future major ' +\n- 'release. Use JavaScript default parameters instead.',\n- );\n+ 'release. Use JavaScript default parameters instead.\\n' +\n+ ' in T (at **)\\n' +\n+ ' in Suspense (at **)',\n+ ]);\n \n expect(root).toMatchRenderedOutput('Hi Bye');\n \n@@ -1026,11 +1028,13 @@ describe('ReactLazy', () => {\n expect(root).not.toMatchRenderedOutput('Inner default text');\n \n \/\/ Mount\n- await expect(async () => {\n- await act(() => resolveFakeImport(T));\n- assertLog(['Inner default text']);\n- }).toErrorDev([\n- 'T: Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.',\n+ await act(() => resolveFakeImport(T));\n+ assertLog(['Inner default text']);\n+ assertConsoleErrorDev([\n+ 'T: Support for defaultProps will be removed from function components in a future major release. ' +\n+ 'Use JavaScript default parameters instead.\\n' +\n+ ' in T (at **)\\n' +\n+ ' in Suspense (at **)',\n ]);\n expect(root).toMatchRenderedOutput('Inner default text');\n \n@@ -1063,13 +1067,19 @@ describe('ReactLazy', () => {\n await waitForAll(['Started loading', 'Loading...']);\n expect(root).not.toMatchRenderedOutput(

AB<\/div>);\n \n- await expect(async () => {\n- await act(() => resolveFakeImport(Foo));\n- assertLog(['A', 'B']);\n- }).toErrorDev(\n- (gate(flags => flags.enableOwnerStacks) ? '' : ' in Text (at **)\\n') +\n- ' in Foo (at **)',\n- );\n+ await act(() => resolveFakeImport(Foo));\n+ assertLog(['A', 'B']);\n+ assertConsoleErrorDev([\n+ 'Each child in a list should have a unique \"key\" prop.\\n' +\n+ '\\n' +\n+ 'Check the render method of `Foo`. ' +\n+ 'See https:\/\/react.dev\/link\/warning-keys for more information.\\n' +\n+ (gate(flags => flags.enableOwnerStacks)\n+ ? ' in Foo (at **)'\n+ : ' in Text (at **)\\n' +\n+ ' in Foo (at **)\\n' +\n+ ' in Suspense (at **)'),\n+ ]);\n expect(root).toMatchRenderedOutput(

AB<\/div>);\n });\n \n@@ -1143,11 +1153,12 @@ describe('ReactLazy', () => {\n expect(root).not.toMatchRenderedOutput('4');\n \n \/\/ Mount\n- await expect(async () => {\n- await act(() => resolveFakeImport(Add));\n- }).toErrorDev(\n- 'Unknown: Support for defaultProps will be removed from memo components in a future major release. Use JavaScript default parameters instead.',\n- );\n+ await act(() => resolveFakeImport(Add));\n+ assertConsoleErrorDev([\n+ 'Unknown: Support for defaultProps will be removed from memo components in a future major release. ' +\n+ 'Use JavaScript default parameters instead.\\n' +\n+ ' in Suspense (at **)',\n+ ]);\n expect(root).toMatchRenderedOutput('4');\n \n \/\/ Update (shallowly equal)\n@@ -1231,11 +1242,14 @@ describe('ReactLazy', () => {\n expect(root).not.toMatchRenderedOutput('4');\n \n \/\/ Mount\n- await expect(async () => {\n- await act(() => resolveFakeImport(Add));\n- }).toErrorDev([\n- 'Memo: Support for defaultProps will be removed from memo components in a future major release. Use JavaScript default parameters instead.',\n- 'Unknown: Support for defaultProps will be removed from memo components in a future major release. Use JavaScript default parameters instead.',\n+ await act(() => resolveFakeImport(Add));\n+ assertConsoleErrorDev([\n+ 'Memo: Support for defaultProps will be removed from memo components in a future major release. ' +\n+ 'Use JavaScript default parameters instead.\\n' +\n+ ' in Suspense (at **)',\n+ 'Unknown: Support for defaultProps will be removed from memo components in a future major release. ' +\n+ 'Use JavaScript default parameters instead.\\n' +\n+ ' in Suspense (at **)',\n ]);\n expect(root).toMatchRenderedOutput('4');\n \ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactMemo-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactMemo-test.js\nindex 5fdf14af4d..2a0c21d8dd 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactMemo-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactMemo-test.js\n@@ -19,6 +19,7 @@ let Scheduler;\n let act;\n let waitForAll;\n let assertLog;\n+let assertConsoleErrorDev;\n \n describe('memo', () => {\n beforeEach(() => {\n@@ -33,6 +34,7 @@ describe('memo', () => {\n const InternalTestUtils = require('internal-test-utils');\n waitForAll = InternalTestUtils.waitForAll;\n assertLog = InternalTestUtils.assertLog;\n+ assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;\n });\n \n function Text(props) {\n@@ -397,17 +399,19 @@ describe('memo', () => {\n \/\/ The final layer uses memo() from test fixture (which might be lazy).\n Counter = memo(Counter);\n \n- await expect(async () => {\n- await act(() => {\n- ReactNoop.render(\n- }>\n- \n- <\/Suspense>,\n- );\n- });\n- assertLog(['Loading...', 15]);\n- }).toErrorDev([\n- 'Counter: Support for defaultProps will be removed from memo components in a future major release. Use JavaScript default parameters instead.',\n+ await act(() => {\n+ ReactNoop.render(\n+ }>\n+ \n+ <\/Suspense>,\n+ );\n+ });\n+ assertLog(['Loading...', 15]);\n+ assertConsoleErrorDev([\n+ 'Counter: Support for defaultProps will be removed from memo components in a future major release. ' +\n+ 'Use JavaScript default parameters instead.\\n' +\n+ (label === 'lazy' ? '' : ' in Indirection (at **)\\n') +\n+ ' in Suspense (at **)',\n ]);\n expect(ReactNoop).toMatchRenderedOutput();\n \n@@ -431,17 +435,23 @@ describe('memo', () => {\n });\n \n it('warns if the first argument is undefined', () => {\n- expect(() => memo()).toErrorDev(\n- 'memo: The first argument must be a component. Instead ' +\n- 'received: undefined',\n+ memo();\n+ assertConsoleErrorDev(\n+ [\n+ 'memo: The first argument must be a component. Instead ' +\n+ 'received: undefined',\n+ ],\n {withoutStack: true},\n );\n });\n \n it('warns if the first argument is null', () => {\n- expect(() => memo(null)).toErrorDev(\n- 'memo: The first argument must be a component. Instead ' +\n- 'received: null',\n+ memo(null);\n+ assertConsoleErrorDev(\n+ [\n+ 'memo: The first argument must be a component. Instead ' +\n+ 'received: null',\n+ ],\n {withoutStack: true},\n );\n });\n@@ -458,16 +468,18 @@ describe('memo', () => {\n Outer.defaultProps = {outer: 100};\n \n const root = ReactNoop.createRoot();\n- await expect(async () => {\n- await act(() => {\n- root.render(\n-

\n- \n- <\/div>,\n- );\n- });\n- }).toErrorDev([\n- 'Support for defaultProps will be removed from memo component',\n+ await act(() => {\n+ root.render(\n+

\n+ \n+ <\/div>,\n+ );\n+ });\n+ assertConsoleErrorDev([\n+ 'Inner: ' +\n+ 'Support for defaultProps will be removed from memo components in a future major release. ' +\n+ 'Use JavaScript default parameters instead.\\n' +\n+ ' in div (at **)',\n ]);\n expect(root).toMatchRenderedOutput(

111<\/div>);\n \n@@ -559,14 +571,15 @@ describe('memo', () => {\n \n <\/p>,\n );\n- await expect(async () => {\n- await waitForAll([]);\n- }).toErrorDev(\n+ await waitForAll([]);\n+ assertConsoleErrorDev([\n 'Each child in a list should have a unique \"key\" prop. ' +\n 'See https:\/\/react.dev\/link\/warning-keys for more information.\\n' +\n ' in span (at **)\\n' +\n- ' in ',\n- );\n+ (gate('enableOwnerStacks')\n+ ? ' in **\/ReactMemo-test.js:**:** (at **)'\n+ : ' in p (at **)'),\n+ ]);\n });\n \n it('should use the inner function name for the stack', async () => {\n@@ -578,16 +591,15 @@ describe('memo', () => {\n \n <\/p>,\n );\n- await expect(async () => {\n- await waitForAll([]);\n- }).toErrorDev(\n+ await waitForAll([]);\n+ assertConsoleErrorDev([\n 'Each child in a list should have a unique \"key\" prop.' +\n '\\n\\nCheck the top-level render call using . It was passed a child from Inner. ' +\n 'See https:\/\/react.dev\/link\/warning-keys for more information.\\n' +\n ' in span (at **)\\n' +\n ' in Inner (at **)' +\n (gate(flags => flags.enableOwnerStacks) ? '' : '\\n in p (at **)'),\n- );\n+ ]);\n });\n \n it('should use the inner name in the stack', async () => {\n@@ -601,16 +613,15 @@ describe('memo', () => {\n \n <\/p>,\n );\n- await expect(async () => {\n- await waitForAll([]);\n- }).toErrorDev(\n+ await waitForAll([]);\n+ assertConsoleErrorDev([\n 'Each child in a list should have a unique \"key\" prop.' +\n '\\n\\nCheck the top-level render call using . It was passed a child from Inner. ' +\n 'See https:\/\/react.dev\/link\/warning-keys for more information.\\n' +\n ' in span (at **)\\n' +\n ' in Inner (at **)' +\n (gate(flags => flags.enableOwnerStacks) ? '' : '\\n in p (at **)'),\n- );\n+ ]);\n });\n \n it('can use the outer displayName in the stack', async () => {\n@@ -623,16 +634,15 @@ describe('memo', () => {\n \n <\/p>,\n );\n- await expect(async () => {\n- await waitForAll([]);\n- }).toErrorDev(\n+ await waitForAll([]);\n+ assertConsoleErrorDev([\n 'Each child in a list should have a unique \"key\" prop.' +\n '\\n\\nCheck the top-level render call using . It was passed a child from Outer. ' +\n 'See https:\/\/react.dev\/link\/warning-keys for more information.\\n' +\n ' in span (at **)\\n' +\n ' in Outer (at **)' +\n (gate(flags => flags.enableOwnerStacks) ? '' : '\\n in p (at **)'),\n- );\n+ ]);\n });\n \n it('should prefer the inner to the outer displayName in the stack', async () => {\n@@ -647,16 +657,15 @@ describe('memo', () => {\n \n <\/p>,\n );\n- await expect(async () => {\n- await waitForAll([]);\n- }).toErrorDev(\n+ await waitForAll([]);\n+ assertConsoleErrorDev([\n 'Each child in a list should have a unique \"key\" prop.' +\n '\\n\\nCheck the top-level render call using . It was passed a child from Inner. ' +\n 'See https:\/\/react.dev\/link\/warning-keys for more information.\\n' +\n ' in span (at **)\\n' +\n ' in Inner (at **)' +\n (gate(flags => flags.enableOwnerStacks) ? '' : '\\n in p (at **)'),\n- );\n+ ]);\n });\n }\n });\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactNewContext-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactNewContext-test.js\nindex b8fbca8339..58cb2f9e64 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactNewContext-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactNewContext-test.js\n@@ -861,8 +861,11 @@ describe('ReactNewContext', () => {\n ,\n );\n \n- await expect(async () => await waitForAll([])).toErrorDev(\n- 'The `value` prop is required for the ``. Did you misspell it or forget to pass it?',\n+ await waitForAll([]);\n+ assertConsoleErrorDev(\n+ [\n+ 'The `value` prop is required for the ``. Did you misspell it or forget to pass it?',\n+ ],\n {\n withoutStack: true,\n },\n@@ -1036,7 +1039,9 @@ describe('ReactNewContext', () => {\n );\n await waitForAll(['LegacyProvider', 'App', 'Child']);\n assertConsoleErrorDev([\n- 'LegacyProvider uses the legacy childContextTypes API which will soon be removed. Use React.createContext() instead.',\n+ 'LegacyProvider uses the legacy childContextTypes API which will soon be removed. ' +\n+ 'Use React.createContext() instead. (https:\/\/react.dev\/link\/legacy-context)\\n' +\n+ ' in LegacyProvider (at **)',\n ]);\n expect(ReactNoop).toMatchRenderedOutput();\n \n@@ -1320,9 +1325,16 @@ describe('ReactNewContext', () => {\n }\n \n ReactNoop.render();\n- await expect(async () => await waitForAll([])).toErrorDev([\n- 'Context can only be read while React is rendering',\n- 'Cannot update during an existing state transition',\n+ await waitForAll([]);\n+ assertConsoleErrorDev([\n+ 'Cannot update during an existing state transition (such as within `render`). ' +\n+ 'Render methods should be a pure function of props and state.\\n' +\n+ ' in Cls (at **)',\n+ 'Context can only be read while React is rendering. ' +\n+ 'In classes, you can read it in the render method or getDerivedStateFromProps. ' +\n+ 'In function components, you can read it directly in the function body, ' +\n+ 'but not inside Hooks like useReducer() or useMemo().\\n' +\n+ ' in Cls (at **)',\n ]);\n });\n });\n@@ -1353,10 +1365,12 @@ describe('ReactNewContext', () => {\n return useContext(Context.Consumer);\n }\n ReactNoop.render();\n- await expect(async () => await waitForAll([])).toErrorDev(\n+ await waitForAll([]);\n+ assertConsoleErrorDev([\n 'Calling useContext(Context.Consumer) is not supported and will cause bugs. ' +\n- 'Did you mean to call useContext(Context) instead?',\n- );\n+ 'Did you mean to call useContext(Context) instead?\\n' +\n+ ' in Foo (at **)',\n+ ]);\n });\n \n \/\/ Context consumer bails out on propagating \"deep\" updates when `value` hasn't changed.\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactSuspenseCallback-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactSuspenseCallback-test.js\nindex 6da6ef7573..921c9666a9 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactSuspenseCallback-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactSuspenseCallback-test.js\n@@ -13,6 +13,7 @@ let React;\n let ReactNoop;\n let waitForAll;\n let act;\n+let assertConsoleErrorDev;\n \n describe('ReactSuspense', () => {\n beforeEach(() => {\n@@ -24,6 +25,7 @@ describe('ReactSuspense', () => {\n const InternalTestUtils = require('internal-test-utils');\n waitForAll = InternalTestUtils.waitForAll;\n act = InternalTestUtils.act;\n+ assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;\n });\n \n function createThenable() {\n@@ -57,10 +59,10 @@ describe('ReactSuspense', () => {\n );\n \n ReactNoop.render(elementBadType);\n- await expect(async () => await waitForAll([])).toErrorDev(\n- ['Unexpected type for suspenseCallback.'],\n- {withoutStack: true},\n- );\n+ await waitForAll([]);\n+ assertConsoleErrorDev(['Unexpected type for suspenseCallback.'], {\n+ withoutStack: true,\n+ });\n \n const elementMissingCallback = (\n \n@@ -69,7 +71,8 @@ describe('ReactSuspense', () => {\n );\n \n ReactNoop.render(elementMissingCallback);\n- await expect(async () => await waitForAll([])).toErrorDev([]);\n+ await waitForAll([]);\n+ assertConsoleErrorDev([]);\n });\n \n \/\/ @gate enableSuspenseCallback\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactSuspenseList-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactSuspenseList-test.js\nindex 63c398a657..7cfe72dfc4 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactSuspenseList-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactSuspenseList-test.js\n@@ -18,6 +18,7 @@ let SuspenseList;\n let waitForAll;\n let assertLog;\n let waitFor;\n+let assertConsoleErrorDev;\n \n describe('ReactSuspenseList', () => {\n beforeEach(() => {\n@@ -37,6 +38,7 @@ describe('ReactSuspenseList', () => {\n assertLog = InternalTestUtils.assertLog;\n waitFor = InternalTestUtils.waitFor;\n act = InternalTestUtils.act;\n+ assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;\n });\n \n function Text(props) {\n@@ -72,11 +74,10 @@ describe('ReactSuspenseList', () => {\n );\n }\n \n- await expect(async () => {\n- await act(() => {\n- ReactNoop.render();\n- });\n- }).toErrorDev([\n+ await act(() => {\n+ ReactNoop.render();\n+ });\n+ assertConsoleErrorDev([\n '\"something\" is not a supported revealOrder on ' +\n '. Did you mean \"together\", \"forwards\" or \"backwards\"?' +\n '\\n in SuspenseList (at **)' +\n@@ -94,11 +95,10 @@ describe('ReactSuspenseList', () => {\n );\n }\n \n- await expect(async () => {\n- await act(() => {\n- ReactNoop.render();\n- });\n- }).toErrorDev([\n+ await act(() => {\n+ ReactNoop.render();\n+ });\n+ assertConsoleErrorDev([\n '\"TOGETHER\" is not a valid value for revealOrder on ' +\n '. Use lowercase \"together\" instead.' +\n '\\n in SuspenseList (at **)' +\n@@ -116,11 +116,10 @@ describe('ReactSuspenseList', () => {\n );\n }\n \n- await expect(async () => {\n- await act(() => {\n- ReactNoop.render();\n- });\n- }).toErrorDev([\n+ await act(() => {\n+ ReactNoop.render();\n+ });\n+ assertConsoleErrorDev([\n '\"forward\" is not a valid value for revealOrder on ' +\n '. React uses the -s suffix in the spelling. ' +\n 'Use \"forwards\" instead.' +\n@@ -147,15 +146,14 @@ describe('ReactSuspenseList', () => {\n \/\/ No warning\n await waitForAll([]);\n \n- await expect(async () => {\n- await act(() => {\n- ReactNoop.render(\n- \n- Child<\/Suspense>\n- <\/Foo>,\n- );\n- });\n- }).toErrorDev([\n+ await act(() => {\n+ ReactNoop.render(\n+ \n+ Child<\/Suspense>\n+ <\/Foo>,\n+ );\n+ });\n+ assertConsoleErrorDev([\n 'A single row was passed to a . ' +\n 'This is not useful since it needs multiple rows. ' +\n 'Did you mean to pass multiple children or an array?' +\n@@ -174,11 +172,10 @@ describe('ReactSuspenseList', () => {\n );\n }\n \n- await expect(async () => {\n- await act(() => {\n- ReactNoop.render();\n- });\n- }).toErrorDev([\n+ await act(() => {\n+ ReactNoop.render();\n+ });\n+ assertConsoleErrorDev([\n 'A single row was passed to a . ' +\n 'This is not useful since it needs multiple rows. ' +\n 'Did you mean to pass multiple children or an array?' +\n@@ -202,11 +199,10 @@ describe('ReactSuspenseList', () => {\n );\n }\n \n- await expect(async () => {\n- await act(() => {\n- ReactNoop.render();\n- });\n- }).toErrorDev([\n+ await act(() => {\n+ ReactNoop.render();\n+ });\n+ assertConsoleErrorDev([\n 'A nested array was passed to row #0 in . ' +\n 'Wrap it in an additional SuspenseList to configure its revealOrder: ' +\n ' ... ' +\n@@ -1555,11 +1551,10 @@ describe('ReactSuspenseList', () => {\n );\n }\n \n- await expect(async () => {\n- await act(() => {\n- ReactNoop.render();\n- });\n- }).toErrorDev([\n+ await act(() => {\n+ ReactNoop.render();\n+ });\n+ assertConsoleErrorDev([\n '\"collapse\" is not a supported value for tail on ' +\n '. Did you mean \"collapsed\" or \"hidden\"?' +\n '\\n in SuspenseList (at **)' +\n@@ -1577,11 +1572,10 @@ describe('ReactSuspenseList', () => {\n );\n }\n \n- await expect(async () => {\n- await act(() => {\n- ReactNoop.render();\n- });\n- }).toErrorDev([\n+ await act(() => {\n+ ReactNoop.render();\n+ });\n+ assertConsoleErrorDev([\n ' is only valid if ' +\n 'revealOrder is \"forwards\" or \"backwards\". ' +\n 'Did you mean to specify revealOrder=\"forwards\"?' +\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactSuspenseWithNoopRenderer-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactSuspenseWithNoopRenderer-test.js\nindex 0dcf0eb470..79968949e3 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactSuspenseWithNoopRenderer-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactSuspenseWithNoopRenderer-test.js\n@@ -1979,7 +1979,7 @@ describe('ReactSuspenseWithNoopRenderer', () => {\n ReactNoop.render();\n });\n \n- \/\/ TODO: assert toErrorDev() when the warning is implemented again.\n+ \/\/ TODO: assertConsoleErrorDev() when the warning is implemented again.\n await act(() => {\n ReactNoop.flushSync(() => _setShow(true));\n });\n@@ -2006,7 +2006,7 @@ describe('ReactSuspenseWithNoopRenderer', () => {\n ReactNoop.render();\n });\n \n- \/\/ TODO: assert toErrorDev() when the warning is implemented again.\n+ \/\/ TODO: assertConsoleErrorDev() when the warning is implemented again.\n await act(() => {\n ReactNoop.flushSync(() => show());\n });\n@@ -2076,7 +2076,7 @@ describe('ReactSuspenseWithNoopRenderer', () => {\n ReactNoop.render();\n });\n \n- \/\/ TODO: assert toErrorDev() when the warning is implemented again.\n+ \/\/ TODO: assertConsoleErrorDev() when the warning is implemented again.\n await act(() => {\n ReactNoop.flushSync(() => _setShow(true));\n });\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactTransitionTracing-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactTransitionTracing-test.js\nindex 7a850325e9..64d51a1ff3 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactTransitionTracing-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactTransitionTracing-test.js\n@@ -14,6 +14,7 @@ let Scheduler;\n let act;\n let waitForAll;\n let assertLog;\n+let assertConsoleErrorDev;\n \n let getCacheForType;\n let useState;\n@@ -43,11 +44,11 @@ describe('ReactInteractionTracing', () => {\n ReactNoop = require('react-noop-renderer');\n Scheduler = require('scheduler');\n \n- act = require('internal-test-utils').act;\n-\n const InternalTestUtils = require('internal-test-utils');\n+ act = InternalTestUtils.act;\n waitForAll = InternalTestUtils.waitForAll;\n assertLog = InternalTestUtils.assertLog;\n+ assertConsoleErrorDev = InternalTestUtils.assertConsoleErrorDev;\n \n useState = React.useState;\n startTransition = React.startTransition;\n@@ -1412,14 +1413,12 @@ describe('ReactInteractionTracing', () => {\n root.render();\n ReactNoop.expire(1000);\n await advanceTimers(1000);\n- await expect(\n- async () =>\n- await waitForAll([\n- 'Suspend [Page Two]',\n- 'Loading...',\n- 'onMarkerIncomplete(transition one, marker one, 1000, [{endTime: 3000, name: marker one, newName: marker two, type: marker}])',\n- ]),\n- ).toErrorDev('');\n+\n+ await waitForAll([\n+ 'Suspend [Page Two]',\n+ 'Loading...',\n+ 'onMarkerIncomplete(transition one, marker one, 1000, [{endTime: 3000, name: marker one, newName: marker two, type: marker}])',\n+ ]);\n \n resolveText('Page Two');\n ReactNoop.expire(1000);\n@@ -2220,17 +2219,18 @@ describe('ReactInteractionTracing', () => {\n );\n ReactNoop.expire(1000);\n await advanceTimers(1000);\n- await expect(async () => {\n- \/\/ onMarkerComplete shouldn't be called for transitions with\n- \/\/ new keys\n- await waitForAll([\n- 'two',\n- 'onTransitionStart(transition two, 1000)',\n- 'onTransitionComplete(transition two, 1000, 2000)',\n- ]);\n- }).toErrorDev(\n- 'Changing the name of a tracing marker after mount is not supported.',\n- );\n+ \/\/ onMarkerComplete shouldn't be called for transitions with\n+ \/\/ new keys\n+ await waitForAll([\n+ 'two',\n+ 'onTransitionStart(transition two, 1000)',\n+ 'onTransitionComplete(transition two, 1000, 2000)',\n+ ]);\n+ assertConsoleErrorDev([\n+ 'Changing the name of a tracing marker after mount is not supported. ' +\n+ 'To remount the tracing marker, pass it a new key.\\n' +\n+ ' in App (at **)',\n+ ]);\n startTransition(\n () => root.render(),\n {\n","commit":{"revision":"6b865330f4bc6c87dcd2c8cdf665895c8a190fc1","authorName":"Ricky","authorEmail":"rickhanlonii@gmail.com","shortRevision":"6b865330f4","authoredAt":"2025-01-06T14:12:53-05:00","subject":"[assert helpers] react-reconciler (#31986)"}}

dillon1000/react

Files changed