{"patch":"diff --git a\/fixtures\/legacy-jsx-runtimes\/setupTests.js b\/fixtures\/legacy-jsx-runtimes\/setupTests.js\nindex 85a21cc15d..3e675b3f7c 100644\n--- a\/fixtures\/legacy-jsx-runtimes\/setupTests.js\n+++ b\/fixtures\/legacy-jsx-runtimes\/setupTests.js\n@@ -33,16 +33,6 @@ function shouldIgnoreConsoleError(format, args) {\n \/\/ They are noisy too so we'll try to ignore them.\n return true;\n }\n- if (\n- format.indexOf(\n- 'act(...) is not supported in production builds of React'\n- ) === 0\n- ) {\n- \/\/ We don't yet support act() for prod builds, and warn for it.\n- \/\/ But we'd like to use act() ourselves for prod builds.\n- \/\/ Let's ignore the warning and #yolo.\n- return true;\n- }\n }\n \/\/ Looks legit\n return false;\ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactTestUtilsAct-test.js b\/packages\/react-dom\/src\/__tests__\/ReactTestUtilsAct-test.js\nindex d2ea73e098..2dabcfc528 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactTestUtilsAct-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactTestUtilsAct-test.js\n@@ -135,6 +135,7 @@ function runActTests(label, render, unmount, rerender) {\n });\n \n describe('sync', () => {\n+ \/\/ @gate __DEV__\n it('can use act to flush effects', () => {\n function App() {\n React.useEffect(() => {\n@@ -150,6 +151,7 @@ function runActTests(label, render, unmount, rerender) {\n expect(Scheduler).toHaveYielded([100]);\n });\n \n+ \/\/ @gate __DEV__\n it('flushes effects on every call', async () => {\n function App() {\n const [ctr, setCtr] = React.useState(0);\n@@ -186,6 +188,7 @@ function runActTests(label, render, unmount, rerender) {\n expect(button.innerHTML).toBe('5');\n });\n \n+ \/\/ @gate __DEV__\n it(\"should keep flushing effects until they're done\", () => {\n function App() {\n const [ctr, setCtr] = React.useState(0);\n@@ -204,6 +207,7 @@ function runActTests(label, render, unmount, rerender) {\n expect(container.innerHTML).toBe('5');\n });\n \n+ \/\/ @gate __DEV__\n it('should flush effects only on exiting the outermost act', () => {\n function App() {\n React.useEffect(() => {\n@@ -224,6 +228,7 @@ function runActTests(label, render, unmount, rerender) {\n expect(Scheduler).toHaveYielded([0]);\n });\n \n+ \/\/ @gate __DEV__\n it('warns if a setState is called outside of act(...)', () => {\n let setValue = null;\n function App() {\n@@ -250,6 +255,7 @@ function runActTests(label, render, unmount, rerender) {\n jest.useRealTimers();\n });\n \n+ \/\/ @gate __DEV__\n it('lets a ticker update', () => {\n function App() {\n const [toggle, setToggle] = React.useState(0);\n@@ -272,6 +278,7 @@ function runActTests(label, render, unmount, rerender) {\n expect(container.innerHTML).toBe('1');\n });\n \n+ \/\/ @gate __DEV__\n it('can use the async version to catch microtasks', async () => {\n function App() {\n const [toggle, setToggle] = React.useState(0);\n@@ -294,6 +301,7 @@ function runActTests(label, render, unmount, rerender) {\n expect(container.innerHTML).toBe('1');\n });\n \n+ \/\/ @gate __DEV__\n it('can handle cascading promises with fake timers', async () => {\n \/\/ this component triggers an effect, that waits a tick,\n \/\/ then sets state. repeats this 5 times.\n@@ -317,6 +325,7 @@ function runActTests(label, render, unmount, rerender) {\n expect(container.innerHTML).toBe('5');\n });\n \n+ \/\/ @gate __DEV__\n it('flushes immediate re-renders with act', () => {\n function App() {\n const [ctr, setCtr] = React.useState(0);\n@@ -346,6 +355,7 @@ function runActTests(label, render, unmount, rerender) {\n });\n });\n \n+ \/\/ @gate __DEV__\n it('warns if you return a value inside act', () => {\n expect(() => act(() => null)).toErrorDev(\n [\n@@ -361,6 +371,7 @@ function runActTests(label, render, unmount, rerender) {\n );\n });\n \n+ \/\/ @gate __DEV__\n it('warns if you try to await a sync .act call', () => {\n expect(() => act(() => {}).then(() => {})).toErrorDev(\n [\n@@ -372,6 +383,7 @@ function runActTests(label, render, unmount, rerender) {\n });\n \n describe('asynchronous tests', () => {\n+ \/\/ @gate __DEV__\n it('works with timeouts', async () => {\n function App() {\n const [ctr, setCtr] = React.useState(0);\n@@ -396,6 +408,7 @@ function runActTests(label, render, unmount, rerender) {\n expect(container.innerHTML).toBe('1');\n });\n \n+ \/\/ @gate __DEV__\n it('flushes microtasks before exiting', async () => {\n function App() {\n const [ctr, setCtr] = React.useState(0);\n@@ -418,6 +431,7 @@ function runActTests(label, render, unmount, rerender) {\n expect(container.innerHTML).toEqual('1');\n });\n \n+ \/\/ @gate __DEV__\n it('warns if you do not await an act call', async () => {\n spyOnDevAndProd(console, 'error');\n act(async () => {});\n@@ -431,6 +445,7 @@ function runActTests(label, render, unmount, rerender) {\n }\n });\n \n+ \/\/ @gate __DEV__\n it('warns if you try to interleave multiple act calls', async () => {\n spyOnDevAndProd(console, 'error');\n \/\/ let's try to cheat and spin off a 'thread' with an act call\n@@ -450,6 +465,7 @@ function runActTests(label, render, unmount, rerender) {\n }\n });\n \n+ \/\/ @gate __DEV__\n it('async commits and effects are guaranteed to be flushed', async () => {\n function App() {\n const [state, setState] = React.useState(0);\n@@ -475,6 +491,7 @@ function runActTests(label, render, unmount, rerender) {\n expect(container.innerHTML).toBe('1');\n });\n \n+ \/\/ @gate __DEV__\n it('can handle cascading promises', async () => {\n \/\/ this component triggers an effect, that waits a tick,\n \/\/ then sets state. repeats this 5 times.\n@@ -501,6 +518,7 @@ function runActTests(label, render, unmount, rerender) {\n });\n \n describe('error propagation', () => {\n+ \/\/ @gate __DEV__\n it('propagates errors - sync', () => {\n let err;\n try {\n@@ -515,6 +533,7 @@ function runActTests(label, render, unmount, rerender) {\n }\n });\n \n+ \/\/ @gate __DEV__\n it('should propagate errors from effects - sync', () => {\n function App() {\n React.useEffect(() => {\n@@ -536,6 +555,7 @@ function runActTests(label, render, unmount, rerender) {\n }\n });\n \n+ \/\/ @gate __DEV__\n it('propagates errors - async', async () => {\n let err;\n try {\n@@ -551,6 +571,7 @@ function runActTests(label, render, unmount, rerender) {\n }\n });\n \n+ \/\/ @gate __DEV__\n it('should cleanup after errors - sync', () => {\n function App() {\n React.useEffect(() => {\n@@ -576,6 +597,7 @@ function runActTests(label, render, unmount, rerender) {\n }\n });\n \n+ \/\/ @gate __DEV__\n it('should cleanup after errors - async', async () => {\n function App() {\n async function somethingAsync() {\n@@ -611,6 +633,7 @@ function runActTests(label, render, unmount, rerender) {\n if (__DEV__ && __EXPERIMENTAL__) {\n \/\/ todo - remove __DEV__ check once we start using testing builds\n \n+ \/\/ @gate __DEV__\n it('triggers fallbacks if available', async () => {\n if (label !== 'legacy mode') {\n \/\/ FIXME: Support for Concurrent Root intentionally removed\n@@ -691,25 +714,12 @@ function runActTests(label, render, unmount, rerender) {\n });\n }\n });\n- describe('warn in prod mode', () => {\n+ describe('throw in prod mode', () => {\n+ \/\/ @gate !__DEV__\n it('warns if you try to use act() in prod mode', () => {\n- const spy = spyOnDevAndProd(console, 'error');\n-\n- act(() => {});\n-\n- if (!__DEV__) {\n- expect(console.error).toHaveBeenCalledTimes(1);\n- expect(console.error.calls.argsFor(0)[0]).toContain(\n- 'act(...) is not supported in production builds of React',\n- );\n- } else {\n- expect(console.error).toHaveBeenCalledTimes(0);\n- }\n-\n- spy.calls.reset();\n- \/\/ does not warn twice\n- act(() => {});\n- expect(console.error).toHaveBeenCalledTimes(0);\n+ expect(() => act(() => {})).toThrow(\n+ 'act(...) is not supported in production builds of React',\n+ );\n });\n });\n });\ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactTestUtilsActUnmockedScheduler-test.js b\/packages\/react-dom\/src\/__tests__\/ReactTestUtilsActUnmockedScheduler-test.js\nindex f7145f657c..e1ff6f8700 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactTestUtilsActUnmockedScheduler-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactTestUtilsActUnmockedScheduler-test.js\n@@ -47,6 +47,7 @@ afterEach(() => {\n document.body.removeChild(container);\n });\n \n+\/\/ @gate __DEV__\n it('can use act to flush effects', () => {\n function App() {\n React.useEffect(() => {\n@@ -62,6 +63,7 @@ it('can use act to flush effects', () => {\n expect(clearYields()).toEqual([100]);\n });\n \n+\/\/ @gate __DEV__\n it('flushes effects on every call', () => {\n function App() {\n const [ctr, setCtr] = React.useState(0);\n@@ -100,6 +102,7 @@ it('flushes effects on every call', () => {\n expect(button.innerHTML).toEqual('5');\n });\n \n+\/\/ @gate __DEV__\n it(\"should keep flushing effects until they're done\", () => {\n function App() {\n const [ctr, setCtr] = React.useState(0);\n@@ -118,6 +121,7 @@ it(\"should keep flushing effects until they're done\", () => {\n expect(container.innerHTML).toEqual('5');\n });\n \n+\/\/ @gate __DEV__\n it('should flush effects only on exiting the outermost act', () => {\n function App() {\n React.useEffect(() => {\n@@ -138,6 +142,7 @@ it('should flush effects only on exiting the outermost act', () => {\n expect(clearYields()).toEqual([0]);\n });\n \n+\/\/ @gate __DEV__\n it('can handle cascading promises', async () => {\n \/\/ this component triggers an effect, that waits a tick,\n \/\/ then sets state. repeats this 5 times.\ndiff --git a\/packages\/react-dom\/src\/test-utils\/ReactTestUtilsPublicAct.js b\/packages\/react-dom\/src\/test-utils\/ReactTestUtilsPublicAct.js\nindex 91ce4c9c5f..8f02e4b5f3 100644\n--- a\/packages\/react-dom\/src\/test-utils\/ReactTestUtilsPublicAct.js\n+++ b\/packages\/react-dom\/src\/test-utils\/ReactTestUtilsPublicAct.js\n@@ -13,6 +13,7 @@ import * as ReactDOM from 'react-dom';\n import ReactSharedInternals from 'shared\/ReactSharedInternals';\n import enqueueTask from 'shared\/enqueueTask';\n import * as Scheduler from 'scheduler';\n+import invariant from 'shared\/invariant';\n \n \/\/ Keep in sync with ReactDOM.js, and ReactTestUtils.js:\n const EventInternals =\n@@ -71,17 +72,13 @@ function flushWorkAndMicroTasks(onDone: (err: ?Error) => void) {\n \/\/ so we can tell if any async act() calls try to run in parallel.\n \n let actingUpdatesScopeDepth = 0;\n-let didWarnAboutUsingActInProd = false;\n \n export function act(callback: () => Thenable): Thenable {\n if (!__DEV__) {\n- if (didWarnAboutUsingActInProd === false) {\n- didWarnAboutUsingActInProd = true;\n- \/\/ eslint-disable-next-line react-internal\/no-production-logging\n- console.error(\n- 'act(...) is not supported in production builds of React, and might not behave as expected.',\n- );\n- }\n+ invariant(\n+ false,\n+ 'act(...) is not supported in production builds of React.',\n+ );\n }\n const previousActingUpdatesScopeDepth = actingUpdatesScopeDepth;\n actingUpdatesScopeDepth++;\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.new.js b\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.new.js\nindex 105e43229b..eb26348ca1 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.new.js\n@@ -2985,17 +2985,13 @@ function flushWorkAndMicroTasks(onDone: (err: ?Error) => void) {\n \/\/ so we can tell if any async act() calls try to run in parallel.\n \n let actingUpdatesScopeDepth = 0;\n-let didWarnAboutUsingActInProd = false;\n \n export function act(callback: () => Thenable): Thenable {\n if (!__DEV__) {\n- if (didWarnAboutUsingActInProd === false) {\n- didWarnAboutUsingActInProd = true;\n- \/\/ eslint-disable-next-line react-internal\/no-production-logging\n- console.error(\n- 'act(...) is not supported in production builds of React, and might not behave as expected.',\n- );\n- }\n+ invariant(\n+ false,\n+ 'act(...) is not supported in production builds of React.',\n+ );\n }\n \n const previousActingUpdatesScopeDepth = actingUpdatesScopeDepth;\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js b\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js\nindex baff7e76b5..0b34957078 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js\n@@ -2985,17 +2985,13 @@ function flushWorkAndMicroTasks(onDone: (err: ?Error) => void) {\n \/\/ so we can tell if any async act() calls try to run in parallel.\n \n let actingUpdatesScopeDepth = 0;\n-let didWarnAboutUsingActInProd = false;\n \n export function act(callback: () => Thenable): Thenable {\n if (!__DEV__) {\n- if (didWarnAboutUsingActInProd === false) {\n- didWarnAboutUsingActInProd = true;\n- \/\/ eslint-disable-next-line react-internal\/no-production-logging\n- console.error(\n- 'act(...) is not supported in production builds of React, and might not behave as expected.',\n- );\n- }\n+ invariant(\n+ false,\n+ 'act(...) is not supported in production builds of React.',\n+ );\n }\n \n const previousActingUpdatesScopeDepth = actingUpdatesScopeDepth;\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactFiberHostContext-test.internal.js b\/packages\/react-reconciler\/src\/__tests__\/ReactFiberHostContext-test.internal.js\nindex a40a65671b..8348c708f3 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactFiberHostContext-test.internal.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactFiberHostContext-test.internal.js\n@@ -26,6 +26,7 @@ describe('ReactFiberHostContext', () => {\n .DefaultEventPriority;\n });\n \n+ \/\/ @gate __DEV__\n it('works with null host context', async () => {\n let creates = 0;\n const Renderer = ReactFiberReconciler({\n@@ -83,6 +84,7 @@ describe('ReactFiberHostContext', () => {\n expect(creates).toBe(2);\n });\n \n+ \/\/ @gate __DEV__\n it('should send the context to prepareForCommit and resetAfterCommit', () => {\n const rootContext = {};\n const Renderer = ReactFiberReconciler({\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactUpdaters-test.internal.js b\/packages\/react-reconciler\/src\/__tests__\/ReactUpdaters-test.internal.js\nindex 181b243c5c..66dd7d12b4 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactUpdaters-test.internal.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactUpdaters-test.internal.js\n@@ -18,6 +18,7 @@ let mockDevToolsHook;\n let allSchedulerTags;\n let allSchedulerTypes;\n let onCommitRootShouldYield;\n+let act;\n \n describe('updaters', () => {\n beforeEach(() => {\n@@ -66,6 +67,8 @@ describe('updaters', () => {\n ReactDOM = require('react-dom');\n ReactTestUtils = require('react-dom\/test-utils');\n Scheduler = require('scheduler');\n+\n+ act = ReactTestUtils.unstable_concurrentAct;\n });\n \n it('should report the (host) root as the scheduler for root-level render', async () => {\n@@ -75,12 +78,12 @@ describe('updaters', () => {\n const Child = () => null;\n const container = document.createElement('div');\n \n- await ReactTestUtils.act(async () => {\n+ await act(async () => {\n ReactDOM.render(, container);\n });\n expect(allSchedulerTags).toEqual([[HostRoot]]);\n \n- await ReactTestUtils.act(async () => {\n+ await act(async () => {\n ReactDOM.render(, container);\n });\n expect(allSchedulerTags).toEqual([[HostRoot], [HostRoot]]);\n@@ -108,19 +111,19 @@ describe('updaters', () => {\n };\n const Child = () => null;\n \n- await ReactTestUtils.act(async () => {\n+ await act(async () => {\n ReactDOM.render(, document.createElement('div'));\n });\n expect(scheduleForA).not.toBeNull();\n expect(scheduleForB).not.toBeNull();\n expect(allSchedulerTypes).toEqual([[null]]);\n \n- await ReactTestUtils.act(async () => {\n+ await act(async () => {\n scheduleForA();\n });\n expect(allSchedulerTypes).toEqual([[null], [SchedulingComponentA]]);\n \n- await ReactTestUtils.act(async () => {\n+ await act(async () => {\n scheduleForB();\n });\n expect(allSchedulerTypes).toEqual([\n@@ -141,13 +144,13 @@ describe('updaters', () => {\n }\n const Child = () => null;\n let instance;\n- await ReactTestUtils.act(async () => {\n+ await act(async () => {\n ReactDOM.render(, document.createElement('div'));\n });\n expect(allSchedulerTypes).toEqual([[null]]);\n \n expect(instance).not.toBeNull();\n- await ReactTestUtils.act(async () => {\n+ await act(async () => {\n instance.setState({});\n });\n expect(allSchedulerTypes).toEqual([[null], [SchedulingComponent]]);\n@@ -183,7 +186,7 @@ describe('updaters', () => {\n };\n \n const root = ReactDOM.createRoot(document.createElement('div'));\n- await ReactTestUtils.act(async () => {\n+ await act(async () => {\n root.render();\n expect(Scheduler).toFlushAndYieldThrough([\n 'CascadingChild 0',\n@@ -194,7 +197,7 @@ describe('updaters', () => {\n expect(triggerPassiveCascade).not.toBeNull();\n expect(allSchedulerTypes).toEqual([[null]]);\n \n- await ReactTestUtils.act(async () => {\n+ await act(async () => {\n triggerActiveCascade();\n expect(Scheduler).toFlushAndYieldThrough([\n 'CascadingChild 0',\n@@ -209,7 +212,7 @@ describe('updaters', () => {\n [CascadingChild],\n ]);\n \n- await ReactTestUtils.act(async () => {\n+ await act(async () => {\n triggerPassiveCascade();\n expect(Scheduler).toFlushAndYieldThrough([\n 'CascadingChild 1',\n@@ -264,21 +267,21 @@ describe('updaters', () => {\n }\n };\n \n- await ReactTestUtils.act(async () => {\n+ await act(async () => {\n ReactDOM.render(, document.createElement('div'));\n expect(Scheduler).toHaveYielded(['onCommitRoot']);\n });\n expect(setShouldSuspend).not.toBeNull();\n expect(allSchedulerTypes).toEqual([[null]]);\n \n- await ReactTestUtils.act(async () => {\n+ await act(async () => {\n setShouldSuspend(true);\n });\n expect(Scheduler).toHaveYielded(['onCommitRoot']);\n expect(allSchedulerTypes).toEqual([[null], [Suspender]]);\n \n expect(resolver).not.toBeNull();\n- await ReactTestUtils.act(() => {\n+ await act(() => {\n resolver('abc');\n return promise;\n });\n@@ -328,7 +331,7 @@ describe('updaters', () => {\n };\n \n const root = ReactDOM.createRoot(document.createElement('div'));\n- await ReactTestUtils.act(async () => {\n+ await act(async () => {\n root.render();\n });\n expect(Scheduler).toHaveYielded(['initial', 'onCommitRoot']);\n@@ -337,7 +340,7 @@ describe('updaters', () => {\n allSchedulerTypes.splice(0);\n onCommitRootShouldYield = true;\n \n- await ReactTestUtils.act(async () => {\n+ await act(async () => {\n triggerError();\n });\n expect(Scheduler).toHaveYielded(['onCommitRoot', 'error', 'onCommitRoot']);\n@@ -398,7 +401,7 @@ describe('updaters', () => {\n expect(allSchedulerTags).toEqual([[HostRoot]]);\n \n \/\/ Render a partial update, but don't finish.\n- ReactTestUtils.act(() => {\n+ act(() => {\n triggerLowPriorityUpdate();\n expect(Scheduler).toFlushAndYieldThrough(['LowPriorityUpdater 1']);\n expect(allSchedulerTags).toEqual([[HostRoot]]);\ndiff --git a\/packages\/react-test-renderer\/src\/__tests__\/ReactTestRendererAct-test.js b\/packages\/react-test-renderer\/src\/__tests__\/ReactTestRendererAct-test.js\nindex 725b067b59..28cc0062e8 100644\n--- a\/packages\/react-test-renderer\/src\/__tests__\/ReactTestRendererAct-test.js\n+++ b\/packages\/react-test-renderer\/src\/__tests__\/ReactTestRendererAct-test.js\n@@ -13,6 +13,8 @@ describe('ReactTestRenderer.act()', () => {\n Scheduler = require('scheduler');\n act = ReactTestRenderer.act;\n });\n+\n+ \/\/ @gate __DEV__\n it('can use .act() to flush effects', () => {\n function App(props) {\n const [ctr, setCtr] = React.useState(0);\n@@ -56,6 +58,7 @@ describe('ReactTestRenderer.act()', () => {\n });\n \n describe('async', () => {\n+ \/\/ @gate __DEV__\n it('should work with async\/await', async () => {\n function fetch(url) {\n return Promise.resolve({\n@@ -83,6 +86,7 @@ describe('ReactTestRenderer.act()', () => {\n expect(root.toJSON()).toEqual(['1', '2', '3']);\n });\n \n+ \/\/ @gate __DEV__\n it('should not flush effects without also flushing microtasks', async () => {\n const {useEffect, useReducer} = React;\n \ndiff --git a\/packages\/react\/src\/__tests__\/ReactCoffeeScriptClass-test.coffee b\/packages\/react\/src\/__tests__\/ReactCoffeeScriptClass-test.coffee\nindex 21463598cd..24adba7561 100644\n--- a\/packages\/react\/src\/__tests__\/ReactCoffeeScriptClass-test.coffee\n+++ b\/packages\/react\/src\/__tests__\/ReactCoffeeScriptClass-test.coffee\n@@ -20,7 +20,7 @@ describe 'ReactCoffeeScriptClass', ->\n beforeEach ->\n React = require 'react'\n ReactDOM = require 'react-dom'\n- act = require('react-dom\/test-utils').act\n+ act = require('react-dom\/test-utils').unstable_concurrentAct\n PropTypes = require 'prop-types'\n container = document.createElement 'div'\n root = ReactDOM.createRoot container\ndiff --git a\/packages\/react\/src\/__tests__\/ReactES6Class-test.js b\/packages\/react\/src\/__tests__\/ReactES6Class-test.js\nindex 3ae11bc4e7..8ce57867fc 100644\n--- a\/packages\/react\/src\/__tests__\/ReactES6Class-test.js\n+++ b\/packages\/react\/src\/__tests__\/ReactES6Class-test.js\n@@ -29,7 +29,7 @@ describe('ReactES6Class', () => {\n PropTypes = require('prop-types');\n React = require('react');\n ReactDOM = require('react-dom');\n- act = require('react-dom\/test-utils').act;\n+ act = require('react-dom\/test-utils').unstable_concurrentAct;\n container = document.createElement('div');\n root = ReactDOM.createRoot(container);\n attachedListener = null;\ndiff --git a\/packages\/react\/src\/__tests__\/ReactTypeScriptClass-test.ts b\/packages\/react\/src\/__tests__\/ReactTypeScriptClass-test.ts\nindex e8533b3e37..c0c2da0778 100644\n--- a\/packages\/react\/src\/__tests__\/ReactTypeScriptClass-test.ts\n+++ b\/packages\/react\/src\/__tests__\/ReactTypeScriptClass-test.ts\n@@ -21,6 +21,7 @@ let container;\n let root;\n let attachedListener = null;\n let renderedName = null;\n+let act = ReactDOMTestUtils.unstable_concurrentAct;\n \n class Inner extends React.Component {\n getName() {\n@@ -34,7 +35,7 @@ class Inner extends React.Component {\n }\n \n function test(element, expectedTag, expectedClassName) {\n- ReactDOMTestUtils.act(() => root.render(element));\n+ act(() => root.render(element));\n expect(container.firstChild).not.toBeNull();\n expect(container.firstChild.tagName).toBe(expectedTag);\n expect(container.firstChild.className).toBe(expectedClassName);\n@@ -327,7 +328,7 @@ describe('ReactTypeScriptClass', function() {\n it('throws if no render function is defined', function() {\n expect(() => {\n expect(() =>\n- ReactDOMTestUtils.act(() => root.render(React.createElement(Empty)))\n+ act(() => root.render(React.createElement(Empty)))\n ).toThrow();\n }).toErrorDev([\n \/\/ A failed component renders four times in DEV in concurrent mode\n@@ -362,7 +363,7 @@ describe('ReactTypeScriptClass', function() {\n 'DIV',\n 'foo'\n );\n- ReactDOMTestUtils.act(() => ref.current.changeState());\n+ act(() => ref.current.changeState());\n test(React.createElement(StateBasedOnProps), 'SPAN', 'bar');\n });\n \n@@ -397,7 +398,7 @@ describe('ReactTypeScriptClass', function() {\n }\n }\n expect(function() {\n- ReactDOMTestUtils.act(() =>\n+ act(() =>\n root.render(React.createElement(Foo, {foo: 'foo'}))\n );\n }).toErrorDev(\n@@ -416,7 +417,7 @@ describe('ReactTypeScriptClass', function() {\n }\n }\n expect(function() {\n- ReactDOMTestUtils.act(() =>\n+ act(() =>\n root.render(React.createElement(Foo, {foo: 'foo'}))\n );\n }).toErrorDev(\n@@ -433,7 +434,7 @@ describe('ReactTypeScriptClass', function() {\n }\n }\n expect(function() {\n- ReactDOMTestUtils.act(() =>\n+ act(() =>\n root.render(React.createElement(Foo, {foo: 'foo'}))\n );\n }).toErrorDev(\n@@ -457,7 +458,7 @@ describe('ReactTypeScriptClass', function() {\n }\n }\n expect(function() {\n- ReactDOMTestUtils.act(() =>\n+ act(() =>\n root.render(React.createElement(Foo, {foo: 'foo'}))\n );\n }).toErrorDev(\n@@ -543,7 +544,7 @@ describe('ReactTypeScriptClass', function() {\n 'DIV',\n 'foo'\n );\n- ReactDOMTestUtils.act(() => attachedListener());\n+ act(() => attachedListener());\n expect(renderedName).toBe('bar');\n });\n \n@@ -562,7 +563,7 @@ describe('ReactTypeScriptClass', function() {\n 'DIV',\n 'foo'\n );\n- ReactDOMTestUtils.act(() => attachedListener());\n+ act(() => attachedListener());\n expect(renderedName).toBe('bar');\n });\n \n@@ -586,7 +587,7 @@ describe('ReactTypeScriptClass', function() {\n {},\n ]);\n lifeCycles = []; \/\/ reset\n- ReactDOMTestUtils.act(() => root.unmount(container));\n+ act(() => root.unmount(container));\n expect(lifeCycles).toEqual(['will-unmount']);\n });\n \ndiff --git a\/packages\/react\/src\/__tests__\/testDefinitions\/ReactDOMTestUtils.d.ts b\/packages\/react\/src\/__tests__\/testDefinitions\/ReactDOMTestUtils.d.ts\nindex 50ff686037..49ecaf208e 100644\n--- a\/packages\/react\/src\/__tests__\/testDefinitions\/ReactDOMTestUtils.d.ts\n+++ b\/packages\/react\/src\/__tests__\/testDefinitions\/ReactDOMTestUtils.d.ts\n@@ -13,5 +13,5 @@\n *\/\n \n declare module 'react-dom\/test-utils' {\n- export function act(cb : () => any) : any\n+ export function unstable_concurrentAct(cb : () => any) : any\n }\ndiff --git a\/scripts\/error-codes\/codes.json b\/scripts\/error-codes\/codes.json\nindex d80cd0776e..38de792d69 100644\n--- a\/scripts\/error-codes\/codes.json\n+++ b\/scripts\/error-codes\/codes.json\n@@ -393,5 +393,6 @@\n \"402\": \"The depth must equal at least at zero before reaching the root. This is a bug in React.\",\n \"403\": \"Tried to pop a Context at the root of the app. This is a bug in React.\",\n \"404\": \"Invalid hook call. Hooks can only be called inside of the body of a function component.\",\n- \"405\": \"hydrateRoot(...): Target container is not a DOM element.\"\n+ \"405\": \"hydrateRoot(...): Target container is not a DOM element.\",\n+ \"406\": \"act(...) is not supported in production builds of React.\"\n }\ndiff --git a\/scripts\/jest\/shouldIgnoreConsoleError.js b\/scripts\/jest\/shouldIgnoreConsoleError.js\nindex 7534b4339a..02af0bfd28 100644\n--- a\/scripts\/jest\/shouldIgnoreConsoleError.js\n+++ b\/scripts\/jest\/shouldIgnoreConsoleError.js\n@@ -35,16 +35,6 @@ module.exports = function shouldIgnoreConsoleError(format, args) {\n \/\/ They are noisy too so we'll try to ignore them.\n return true;\n }\n- if (\n- format.indexOf(\n- 'act(...) is not supported in production builds of React'\n- ) === 0\n- ) {\n- \/\/ We don't yet support act() for prod builds, and warn for it.\n- \/\/ But we'd like to use act() ourselves for prod builds.\n- \/\/ Let's ignore the warning and #yolo.\n- return true;\n- }\n }\n \/\/ Looks legit\n return false;\n","body":"Upgrades the deprecation warning to a runtime error.\r\n\r\nI did it this way instead of removing the export so the type is the same\r\nin both builds. It will get dead code eliminated regardless.","files":[{"status":"M","path":"fixtures\/legacy-jsx-runtimes\/setupTests.js"},{"status":"M","path":"packages\/react-dom\/src\/__tests__\/ReactTestUtilsAct-test.js"},{"status":"M","path":"packages\/react-dom\/src\/__tests__\/ReactTestUtilsActUnmockedScheduler-test.js"},{"status":"M","path":"packages\/react-dom\/src\/test-utils\/ReactTestUtilsPublicAct.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberWorkLoop.new.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js"},{"status":"M","path":"packages\/react-reconciler\/src\/__tests__\/ReactFiberHostContext-test.internal.js"},{"status":"M","path":"packages\/react-reconciler\/src\/__tests__\/ReactUpdaters-test.internal.js"},{"status":"M","path":"packages\/react-test-renderer\/src\/__tests__\/ReactTestRendererAct-test.js"},{"status":"M","path":"packages\/react\/src\/__tests__\/ReactCoffeeScriptClass-test.coffee"},{"status":"M","path":"packages\/react\/src\/__tests__\/ReactES6Class-test.js"},{"status":"M","path":"packages\/react\/src\/__tests__\/ReactTypeScriptClass-test.ts"},{"status":"M","path":"packages\/react\/src\/__tests__\/testDefinitions\/ReactDOMTestUtils.d.ts"},{"status":"M","path":"scripts\/error-codes\/codes.json"},{"status":"M","path":"scripts\/jest\/shouldIgnoreConsoleError.js"}],"commit":{"shortRevision":"bd0a963445","authorEmail":"git@andrewclark.io","subject":"Throw when `act` is used in production (#21686)","authorName":"Andrew Clark","authoredAt":"2021-06-16T16:29:51-04:00","revision":"bd0a963445715f2963d4a9e3a0485e56cbe60653"},"parents":["a0d2d1e1e1830e35bf12174f3cc273231aa03063"]}

dillon1000/react

Files changed