Hi<\/div>;\n \n- act(() => render());\n+ await act(() => render());\n expect(store).toMatchInlineSnapshot(`\n [root]\n \n@@ -63,16 +63,16 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should properly handle a root with no visible nodes', () => {\n+ it('should properly handle a root with no visible nodes', async () => {\n const Root = ({children}) => children;\n \n- act(() => render({null}<\/Root>));\n+ await act(() => render({null}<\/Root>));\n expect(store).toMatchInlineSnapshot(`\n [root]\n \n `);\n \n- act(() => render(

));\n+ await act(() => render(

));\n expect(store).toMatchInlineSnapshot(`[root]`);\n });\n \n@@ -82,20 +82,24 @@ describe('Store', () => {\n \/\/ I'mnot yet sure of how to reduce the GitHub reported production case to a test though.\n \/\/ See https:\/\/github.com\/facebook\/react\/issues\/21445\n \/\/ @reactVersion >= 18.0\n- it('should handle when a component mounts before its owner', () => {\n+ it('should handle when a component mounts before its owner', async () => {\n const promise = new Promise(resolve => {});\n \n let Dynamic = null;\n const Owner = () => {\n Dynamic = ;\n- throw promise;\n+ if (React.use) {\n+ React.use(promise);\n+ } else {\n+ throw promise;\n+ }\n };\n const Parent = () => {\n return Dynamic;\n };\n const Child = () => null;\n \n- act(() =>\n+ await act(() =>\n render(\n <>\n \n@@ -114,11 +118,11 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should handle multibyte character strings', () => {\n+ it('should handle multibyte character strings', async () => {\n const Component = () => null;\n Component.displayName = '🟩💜🔵';\n \n- act(() => render());\n+ await act(() => render());\n expect(store).toMatchInlineSnapshot(`\n [root]\n <🟩💜🔵>\n@@ -126,7 +130,7 @@ describe('Store', () => {\n });\n \n describe('StrictMode compliance', () => {\n- it('should mark strict root elements as strict', () => {\n+ it('should mark strict root elements as strict', async () => {\n const App = () => ;\n const Component = () => null;\n \n@@ -134,7 +138,7 @@ describe('Store', () => {\n const root = ReactDOMClient.createRoot(container, {\n unstable_strictMode: true,\n });\n- act(() => {\n+ await act(() => {\n root.render();\n });\n \n@@ -143,13 +147,13 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should mark non strict root elements as not strict', () => {\n+ it('should mark non strict root elements as not strict', async () => {\n const App = () => ;\n const Component = () => null;\n \n const container = document.createElement('div');\n const root = ReactDOMClient.createRoot(container);\n- act(() => {\n+ await act(() => {\n root.render();\n });\n \n@@ -157,7 +161,7 @@ describe('Store', () => {\n expect(store.getElementAtIndex(1).isStrictModeNonCompliant).toBe(true);\n });\n \n- it('should mark StrictMode subtree elements as strict', () => {\n+ it('should mark StrictMode subtree elements as strict', async () => {\n const App = () => (\n \n \n@@ -167,7 +171,7 @@ describe('Store', () => {\n \n const container = document.createElement('div');\n const root = ReactDOMClient.createRoot(container);\n- act(() => {\n+ await act(() => {\n root.render();\n });\n \n@@ -182,7 +186,7 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should support mount and update operations', () => {\n+ it('should support mount and update operations', async () => {\n const Grandparent = ({count}) => (\n \n \n@@ -193,7 +197,7 @@ describe('Store', () => {\n new Array(count).fill(true).map((_, index) => );\n const Child = () =>

Hi!<\/div>;\n \n- act(() => render());\n+ await act(() => render());\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -209,7 +213,7 @@ describe('Store', () => {\n \n `);\n \n- act(() => render());\n+ await act(() => render());\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -221,14 +225,14 @@ describe('Store', () => {\n \n `);\n \n- act(() => unmount());\n+ await act(() => unmount());\n expect(store).toMatchInlineSnapshot(``);\n });\n \n \/\/ @reactVersion >= 18.0\n \/\/ @reactVersion < 19\n \/\/ @gate !disableLegacyMode\n- it('should support mount and update operations for multiple roots (legacy render)', () => {\n+ it('should support mount and update operations for multiple roots (legacy render)', async () => {\n const Parent = ({count}) =>\n new Array(count).fill(true).map((_, index) => );\n const Child = () =>

Hi!<\/div>;\n@@ -236,7 +240,7 @@ describe('Store', () => {\n const containerA = document.createElement('div');\n const containerB = document.createElement('div');\n \n- act(() => {\n+ await act(() => {\n legacyRender(, containerA);\n legacyRender(, containerB);\n });\n@@ -252,7 +256,7 @@ describe('Store', () => {\n \n `);\n \n- act(() => {\n+ await act(() => {\n legacyRender(, containerA);\n legacyRender(, containerB);\n });\n@@ -268,7 +272,7 @@ describe('Store', () => {\n \n `);\n \n- act(() => ReactDOM.unmountComponentAtNode(containerB));\n+ await act(() => ReactDOM.unmountComponentAtNode(containerB));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -278,12 +282,12 @@ describe('Store', () => {\n \n `);\n \n- act(() => ReactDOM.unmountComponentAtNode(containerA));\n+ await act(() => ReactDOM.unmountComponentAtNode(containerA));\n expect(store).toMatchInlineSnapshot(``);\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should support mount and update operations for multiple roots (createRoot)', () => {\n+ it('should support mount and update operations for multiple roots (createRoot)', async () => {\n const Parent = ({count}) =>\n new Array(count).fill(true).map((_, index) => );\n const Child = () =>

Hi!<\/div>;\n@@ -294,7 +298,7 @@ describe('Store', () => {\n const rootA = ReactDOMClient.createRoot(containerA);\n const rootB = ReactDOMClient.createRoot(containerB);\n \n- act(() => {\n+ await act(() => {\n rootA.render();\n rootB.render();\n });\n@@ -310,7 +314,7 @@ describe('Store', () => {\n \n `);\n \n- act(() => {\n+ await act(() => {\n rootA.render();\n rootB.render();\n });\n@@ -326,7 +330,7 @@ describe('Store', () => {\n \n `);\n \n- act(() => rootB.unmount());\n+ await act(() => rootB.unmount());\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -336,12 +340,12 @@ describe('Store', () => {\n \n `);\n \n- act(() => rootA.unmount());\n+ await act(() => rootA.unmount());\n expect(store).toMatchInlineSnapshot(``);\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should filter DOM nodes from the store tree', () => {\n+ it('should filter DOM nodes from the store tree', async () => {\n const Grandparent = () => (\n

\n@@ -357,7 +361,7 @@ describe('Store', () => {\n );\n const Child = () =>

Hi!<\/div>;\n \n- act(() => render());\n+ await act(() => render());\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -369,10 +373,14 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should display Suspense nodes properly in various states', () => {\n+ it('should display Suspense nodes properly in various states', async () => {\n const Loading = () =>

Loading...<\/div>;\n const SuspendingComponent = () => {\n- throw new Promise(() => {});\n+ if (React.use) {\n+ React.use(new Promise(() => {}));\n+ } else {\n+ throw new Promise(() => {});\n+ }\n };\n const Component = () => {\n return

Hello<\/div>;\n@@ -390,7 +398,7 @@ describe('Store', () => {\n <\/React.Fragment>\n );\n \n- act(() => render());\n+ await act(() => render());\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -399,7 +407,7 @@ describe('Store', () => {\n \n `);\n \n- act(() => {\n+ await act(() => {\n render();\n });\n expect(store).toMatchInlineSnapshot(`\n@@ -412,11 +420,15 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should support nested Suspense nodes', () => {\n+ it('should support nested Suspense nodes', async () => {\n const Component = () => null;\n const Loading = () =>

Loading...<\/div>;\n const Never = () => {\n- throw new Promise(() => {});\n+ if (React.use) {\n+ React.use(new Promise(() => {}));\n+ } else {\n+ throw new Promise(() => {});\n+ }\n };\n \n const Wrapper = ({\n@@ -451,7 +463,7 @@ describe('Store', () => {\n <\/React.Fragment>\n );\n \n- act(() =>\n+ await act(() =>\n render(\n {\n \n \n `);\n- act(() =>\n+ await act(() =>\n render(\n {\n \n \n `);\n- act(() =>\n+ await act(() =>\n render(\n {\n \n \n `);\n- act(() =>\n+ await act(() =>\n render(\n {\n \n \n `);\n- act(() =>\n+ await act(() =>\n render(\n {\n ▾ \n \n `);\n- act(() =>\n+ await act(() =>\n render(\n {\n \n \n `);\n- act(() =>\n+ await act(() =>\n render(\n {\n `);\n \n const rendererID = getRendererID();\n- act(() =>\n+ await act(() =>\n agent.overrideSuspense({\n id: store.getElementIDAtIndex(4),\n rendererID,\n@@ -628,7 +640,7 @@ describe('Store', () => {\n \n \n `);\n- act(() =>\n+ await act(() =>\n agent.overrideSuspense({\n id: store.getElementIDAtIndex(2),\n rendererID,\n@@ -642,7 +654,7 @@ describe('Store', () => {\n ▾ \n \n `);\n- act(() =>\n+ await act(() =>\n render(\n {\n ▾ \n \n `);\n- act(() =>\n+ await act(() =>\n agent.overrideSuspense({\n id: store.getElementIDAtIndex(2),\n rendererID,\n@@ -679,7 +691,7 @@ describe('Store', () => {\n \n \n `);\n- act(() =>\n+ await act(() =>\n agent.overrideSuspense({\n id: store.getElementIDAtIndex(4),\n rendererID,\n@@ -700,7 +712,7 @@ describe('Store', () => {\n \n \n `);\n- act(() =>\n+ await act(() =>\n render(\n {\n `);\n });\n \n- it('should display a partially rendered SuspenseList', () => {\n+ it('should display a partially rendered SuspenseList', async () => {\n const Loading = () =>

Hello<\/div>;\n@@ -747,7 +763,7 @@ describe('Store', () => {\n \n const container = document.createElement('div');\n const root = ReactDOMClient.createRoot(container);\n- act(() => {\n+ await act(() => {\n root.render();\n });\n expect(store).toMatchInlineSnapshot(`\n@@ -759,7 +775,7 @@ describe('Store', () => {\n \n `);\n \n- act(() => {\n+ await act(() => {\n root.render();\n });\n expect(store).toMatchInlineSnapshot(`\n@@ -774,7 +790,7 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should support collapsing parts of the tree', () => {\n+ it('should support collapsing parts of the tree', async () => {\n const Grandparent = ({count}) => (\n \n \n@@ -785,7 +801,7 @@ describe('Store', () => {\n new Array(count).fill(true).map((_, index) => );\n const Child = () =>

Hi!<\/div>;\n \n- act(() => render());\n+ await act(() => render());\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -801,7 +817,7 @@ describe('Store', () => {\n const parentOneID = store.getElementIDAtIndex(1);\n const parentTwoID = store.getElementIDAtIndex(4);\n \n- act(() => store.toggleIsCollapsed(parentOneID, true));\n+ await act(() => store.toggleIsCollapsed(parentOneID, true));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -811,7 +827,7 @@ describe('Store', () => {\n \n `);\n \n- act(() => store.toggleIsCollapsed(parentTwoID, true));\n+ await act(() => store.toggleIsCollapsed(parentTwoID, true));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -819,7 +835,7 @@ describe('Store', () => {\n ▸ \n `);\n \n- act(() => store.toggleIsCollapsed(parentOneID, false));\n+ await act(() => store.toggleIsCollapsed(parentOneID, false));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -829,13 +845,13 @@ describe('Store', () => {\n ▸ \n `);\n \n- act(() => store.toggleIsCollapsed(grandparentID, true));\n+ await act(() => store.toggleIsCollapsed(grandparentID, true));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▸ \n `);\n \n- act(() => store.toggleIsCollapsed(grandparentID, false));\n+ await act(() => store.toggleIsCollapsed(grandparentID, false));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -847,7 +863,7 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should support reordering of children', () => {\n+ it('should support reordering of children', async () => {\n const Root = ({children}) => children;\n const Component = () => null;\n \n@@ -856,7 +872,7 @@ describe('Store', () => {\n const foo = ;\n const bar = ;\n \n- act(() => render({[foo, bar]}<\/Root>));\n+ await act(() => render({[foo, bar]}<\/Root>));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -867,7 +883,7 @@ describe('Store', () => {\n \n `);\n \n- act(() => render({[bar, foo]}<\/Root>));\n+ await act(() => render({[bar, foo]}<\/Root>));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -878,13 +894,17 @@ describe('Store', () => {\n \n `);\n \n- act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(0), true));\n+ await act(() =>\n+ store.toggleIsCollapsed(store.getElementIDAtIndex(0), true),\n+ );\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▸ \n `);\n \n- act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(0), false));\n+ await act(() =>\n+ store.toggleIsCollapsed(store.getElementIDAtIndex(0), false),\n+ );\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -903,12 +923,12 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should support mount and update operations', () => {\n+ it('should support mount and update operations', async () => {\n const Parent = ({count}) =>\n new Array(count).fill(true).map((_, index) => );\n const Child = () =>

Hi!<\/div>;\n \n- act(() =>\n+ await act(() =>\n render(\n \n \n@@ -922,7 +942,7 @@ describe('Store', () => {\n ▸ \n `);\n \n- act(() =>\n+ await act(() =>\n render(\n \n \n@@ -936,14 +956,14 @@ describe('Store', () => {\n ▸ \n `);\n \n- act(() => unmount());\n+ await act(() => unmount());\n expect(store).toMatchInlineSnapshot(``);\n });\n \n \/\/ @reactVersion >= 18.0\n \/\/ @reactVersion < 19\n \/\/ @gate !disableLegacyMode\n- it('should support mount and update operations for multiple roots (legacy render)', () => {\n+ it('should support mount and update operations for multiple roots (legacy render)', async () => {\n const Parent = ({count}) =>\n new Array(count).fill(true).map((_, index) => );\n const Child = () =>

Hi!<\/div>;\n@@ -951,7 +971,7 @@ describe('Store', () => {\n const containerA = document.createElement('div');\n const containerB = document.createElement('div');\n \n- act(() => {\n+ await act(() => {\n legacyRender(, containerA);\n legacyRender(, containerB);\n });\n@@ -962,7 +982,7 @@ describe('Store', () => {\n ▸ \n `);\n \n- act(() => {\n+ await act(() => {\n legacyRender(, containerA);\n legacyRender(, containerB);\n });\n@@ -973,18 +993,18 @@ describe('Store', () => {\n ▸ \n `);\n \n- act(() => ReactDOM.unmountComponentAtNode(containerB));\n+ await act(() => ReactDOM.unmountComponentAtNode(containerB));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▸ \n `);\n \n- act(() => ReactDOM.unmountComponentAtNode(containerA));\n+ await act(() => ReactDOM.unmountComponentAtNode(containerA));\n expect(store).toMatchInlineSnapshot(``);\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should support mount and update operations for multiple roots (createRoot)', () => {\n+ it('should support mount and update operations for multiple roots (createRoot)', async () => {\n const Parent = ({count}) =>\n new Array(count).fill(true).map((_, index) => );\n const Child = () =>

Hi!<\/div>;\n@@ -995,7 +1015,7 @@ describe('Store', () => {\n const rootA = ReactDOMClient.createRoot(containerA);\n const rootB = ReactDOMClient.createRoot(containerB);\n \n- act(() => {\n+ await act(() => {\n rootA.render();\n rootB.render();\n });\n@@ -1006,7 +1026,7 @@ describe('Store', () => {\n ▸ \n `);\n \n- act(() => {\n+ await act(() => {\n rootA.render();\n rootB.render();\n });\n@@ -1017,18 +1037,18 @@ describe('Store', () => {\n ▸ \n `);\n \n- act(() => rootB.unmount());\n+ await act(() => rootB.unmount());\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▸ \n `);\n \n- act(() => rootA.unmount());\n+ await act(() => rootA.unmount());\n expect(store).toMatchInlineSnapshot(``);\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should filter DOM nodes from the store tree', () => {\n+ it('should filter DOM nodes from the store tree', async () => {\n const Grandparent = () => (\n

\n@@ -1044,13 +1064,15 @@ describe('Store', () => {\n );\n const Child = () =>

Hi!<\/div>;\n \n- act(() => render());\n+ await act(() => render());\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▸ \n `);\n \n- act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(0), false));\n+ await act(() =>\n+ store.toggleIsCollapsed(store.getElementIDAtIndex(0), false),\n+ );\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -1058,7 +1080,9 @@ describe('Store', () => {\n ▸ \n `);\n \n- act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(1), false));\n+ await act(() =>\n+ store.toggleIsCollapsed(store.getElementIDAtIndex(1), false),\n+ );\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -1069,10 +1093,14 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should display Suspense nodes properly in various states', () => {\n+ it('should display Suspense nodes properly in various states', async () => {\n const Loading = () =>

Hello<\/div>;\n@@ -1090,15 +1118,19 @@ describe('Store', () => {\n <\/React.Fragment>\n );\n \n- act(() => render());\n+ await act(() => render());\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▸ \n `);\n \n \/\/ This test isn't meaningful unless we expand the suspended tree\n- act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(0), false));\n- act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(2), false));\n+ await act(() =>\n+ store.toggleIsCollapsed(store.getElementIDAtIndex(0), false),\n+ );\n+ await act(() =>\n+ store.toggleIsCollapsed(store.getElementIDAtIndex(2), false),\n+ );\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -1107,7 +1139,7 @@ describe('Store', () => {\n \n `);\n \n- act(() => {\n+ await act(() => {\n render();\n });\n expect(store).toMatchInlineSnapshot(`\n@@ -1120,7 +1152,7 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should support expanding parts of the tree', () => {\n+ it('should support expanding parts of the tree', async () => {\n const Grandparent = ({count}) => (\n \n \n@@ -1131,7 +1163,7 @@ describe('Store', () => {\n new Array(count).fill(true).map((_, index) => );\n const Child = () =>

Hi!<\/div>;\n \n- act(() => render());\n+ await act(() => render());\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▸ \n@@ -1139,7 +1171,7 @@ describe('Store', () => {\n \n const grandparentID = store.getElementIDAtIndex(0);\n \n- act(() => store.toggleIsCollapsed(grandparentID, false));\n+ await act(() => store.toggleIsCollapsed(grandparentID, false));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -1150,7 +1182,7 @@ describe('Store', () => {\n const parentOneID = store.getElementIDAtIndex(1);\n const parentTwoID = store.getElementIDAtIndex(2);\n \n- act(() => store.toggleIsCollapsed(parentOneID, false));\n+ await act(() => store.toggleIsCollapsed(parentOneID, false));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -1160,7 +1192,7 @@ describe('Store', () => {\n ▸ \n `);\n \n- act(() => store.toggleIsCollapsed(parentTwoID, false));\n+ await act(() => store.toggleIsCollapsed(parentTwoID, false));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -1172,7 +1204,7 @@ describe('Store', () => {\n \n `);\n \n- act(() => store.toggleIsCollapsed(parentOneID, true));\n+ await act(() => store.toggleIsCollapsed(parentOneID, true));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -1182,7 +1214,7 @@ describe('Store', () => {\n \n `);\n \n- act(() => store.toggleIsCollapsed(parentTwoID, true));\n+ await act(() => store.toggleIsCollapsed(parentTwoID, true));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -1190,7 +1222,7 @@ describe('Store', () => {\n ▸ \n `);\n \n- act(() => store.toggleIsCollapsed(grandparentID, true));\n+ await act(() => store.toggleIsCollapsed(grandparentID, true));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▸ \n@@ -1198,7 +1230,7 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should support expanding deep parts of the tree', () => {\n+ it('should support expanding deep parts of the tree', async () => {\n const Wrapper = ({forwardedRef}) => (\n \n );\n@@ -1211,7 +1243,7 @@ describe('Store', () => {\n \n const ref = React.createRef();\n \n- act(() => render());\n+ await act(() => render());\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▸ \n@@ -1219,7 +1251,7 @@ describe('Store', () => {\n \n const deepestedNodeID = agent.getIDForHostInstance(ref.current);\n \n- act(() => store.toggleIsCollapsed(deepestedNodeID, false));\n+ await act(() => store.toggleIsCollapsed(deepestedNodeID, false));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -1231,13 +1263,13 @@ describe('Store', () => {\n \n const rootID = store.getElementIDAtIndex(0);\n \n- act(() => store.toggleIsCollapsed(rootID, true));\n+ await act(() => store.toggleIsCollapsed(rootID, true));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▸ \n `);\n \n- act(() => store.toggleIsCollapsed(rootID, false));\n+ await act(() => store.toggleIsCollapsed(rootID, false));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -1249,14 +1281,14 @@ describe('Store', () => {\n \n const id = store.getElementIDAtIndex(1);\n \n- act(() => store.toggleIsCollapsed(id, true));\n+ await act(() => store.toggleIsCollapsed(id, true));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n ▸ \n `);\n \n- act(() => store.toggleIsCollapsed(id, false));\n+ await act(() => store.toggleIsCollapsed(id, false));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -1268,7 +1300,7 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should support reordering of children', () => {\n+ it('should support reordering of children', async () => {\n const Root = ({children}) => children;\n const Component = () => null;\n \n@@ -1277,19 +1309,21 @@ describe('Store', () => {\n const foo = ;\n const bar = ;\n \n- act(() => render({[foo, bar]}<\/Root>));\n+ await act(() => render({[foo, bar]}<\/Root>));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▸ \n `);\n \n- act(() => render({[bar, foo]}<\/Root>));\n+ await act(() => render({[bar, foo]}<\/Root>));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▸ \n `);\n \n- act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(0), false));\n+ await act(() =>\n+ store.toggleIsCollapsed(store.getElementIDAtIndex(0), false),\n+ );\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -1297,7 +1331,7 @@ describe('Store', () => {\n ▸ \n `);\n \n- act(() => {\n+ await act(() => {\n store.toggleIsCollapsed(store.getElementIDAtIndex(2), false);\n store.toggleIsCollapsed(store.getElementIDAtIndex(1), false);\n });\n@@ -1311,7 +1345,9 @@ describe('Store', () => {\n \n `);\n \n- act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(0), true));\n+ await act(() =>\n+ store.toggleIsCollapsed(store.getElementIDAtIndex(0), true),\n+ );\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▸ \n@@ -1319,7 +1355,7 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should not add new nodes when suspense is toggled', () => {\n+ it('should not add new nodes when suspense is toggled', async () => {\n const SuspenseTree = () => {\n return (\n Loading outer<\/Fallback>}>\n@@ -1332,14 +1368,18 @@ describe('Store', () => {\n const Parent = () => ;\n const Child = () => null;\n \n- act(() => render());\n+ await act(() => render());\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▸ \n `);\n \n- act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(0), false));\n- act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(1), false));\n+ await act(() =>\n+ store.toggleIsCollapsed(store.getElementIDAtIndex(0), false),\n+ );\n+ await act(() =>\n+ store.toggleIsCollapsed(store.getElementIDAtIndex(1), false),\n+ );\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -1350,7 +1390,7 @@ describe('Store', () => {\n const rendererID = getRendererID();\n const suspenseID = store.getElementIDAtIndex(1);\n \n- act(() =>\n+ await act(() =>\n agent.overrideSuspense({\n id: suspenseID,\n rendererID,\n@@ -1364,7 +1404,7 @@ describe('Store', () => {\n \n `);\n \n- act(() =>\n+ await act(() =>\n agent.overrideSuspense({\n id: suspenseID,\n rendererID,\n@@ -1386,7 +1426,7 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should support a single root with a single child', () => {\n+ it('should support a single root with a single child', async () => {\n const Grandparent = () => (\n \n \n@@ -1396,7 +1436,7 @@ describe('Store', () => {\n const Parent = () => ;\n const Child = () => null;\n \n- act(() => render());\n+ await act(() => render());\n \n for (let i = 0; i < store.numElements; i++) {\n expect(store.getIndexOfElementID(store.getElementIDAtIndex(i))).toBe(i);\n@@ -1404,12 +1444,12 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should support multiple roots with one children each', () => {\n+ it('should support multiple roots with one children each', async () => {\n const Grandparent = () => ;\n const Parent = () => ;\n const Child = () => null;\n \n- act(() => {\n+ await act(() => {\n render();\n render();\n });\n@@ -1420,12 +1460,12 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should support a single root with multiple top level children', () => {\n+ it('should support a single root with multiple top level children', async () => {\n const Grandparent = () => ;\n const Parent = () => ;\n const Child = () => null;\n \n- act(() =>\n+ await act(() =>\n render(\n \n \n@@ -1440,12 +1480,12 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should support multiple roots with multiple top level children', () => {\n+ it('should support multiple roots with multiple top level children', async () => {\n const Grandparent = () => ;\n const Parent = () => ;\n const Child = () => null;\n \n- act(() => {\n+ await act(() => {\n render(\n \n \n@@ -1472,7 +1512,7 @@ describe('Store', () => {\n \/\/ @reactVersion >= 18.0\n \/\/ @reactVersion < 19\n \/\/ @gate !disableLegacyMode\n- it('detects and updates profiling support based on the attached roots (legacy render)', () => {\n+ it('detects and updates profiling support based on the attached roots (legacy render)', async () => {\n const Component = () => null;\n \n const containerA = document.createElement('div');\n@@ -1480,19 +1520,19 @@ describe('Store', () => {\n \n expect(store.rootSupportsBasicProfiling).toBe(false);\n \n- act(() => legacyRender(, containerA));\n+ await act(() => legacyRender(, containerA));\n expect(store.rootSupportsBasicProfiling).toBe(true);\n \n- act(() => legacyRender(, containerB));\n- act(() => ReactDOM.unmountComponentAtNode(containerA));\n+ await act(() => legacyRender(, containerB));\n+ await act(() => ReactDOM.unmountComponentAtNode(containerA));\n expect(store.rootSupportsBasicProfiling).toBe(true);\n \n- act(() => ReactDOM.unmountComponentAtNode(containerB));\n+ await act(() => ReactDOM.unmountComponentAtNode(containerB));\n expect(store.rootSupportsBasicProfiling).toBe(false);\n });\n \n \/\/ @reactVersion >= 18\n- it('detects and updates profiling support based on the attached roots (createRoot)', () => {\n+ it('detects and updates profiling support based on the attached roots (createRoot)', async () => {\n const Component = () => null;\n \n const containerA = document.createElement('div');\n@@ -1503,26 +1543,26 @@ describe('Store', () => {\n \n expect(store.rootSupportsBasicProfiling).toBe(false);\n \n- act(() => rootA.render());\n+ await act(() => rootA.render());\n expect(store.rootSupportsBasicProfiling).toBe(true);\n \n- act(() => rootB.render());\n- act(() => rootA.unmount());\n+ await act(() => rootB.render());\n+ await act(() => rootA.unmount());\n expect(store.rootSupportsBasicProfiling).toBe(true);\n \n- act(() => rootB.unmount());\n+ await act(() => rootB.unmount());\n expect(store.rootSupportsBasicProfiling).toBe(false);\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should properly serialize non-string key values', () => {\n+ it('should properly serialize non-string key values', async () => {\n const Child = () => null;\n \n \/\/ Bypass React element's automatic stringifying of keys intentionally.\n \/\/ This is pretty hacky.\n const fauxElement = Object.assign({}, , {key: 123});\n \n- act(() => render([fauxElement]));\n+ await act(() => render([fauxElement]));\n expect(store).toMatchInlineSnapshot(`\n [root]\n \n@@ -1581,12 +1621,12 @@ describe('Store', () => {\n );\n \n \/\/ Render once to start fetching the lazy component\n- act(() => render());\n+ await act(() => render());\n \n await Promise.resolve();\n \n \/\/ Render again after it resolves\n- act(() => render());\n+ await act(() => render());\n \n expect(store).toMatchInlineSnapshot(`\n [root]\n@@ -1638,7 +1678,7 @@ describe('Store', () => {\n const container = document.createElement('div');\n \n \/\/ Render once to start fetching the lazy component\n- act(() => legacyRender(, container));\n+ await act(() => legacyRender(, container));\n \n expect(store).toMatchInlineSnapshot(`\n [root]\n@@ -1649,7 +1689,7 @@ describe('Store', () => {\n await Promise.resolve();\n \n \/\/ Render again after it resolves\n- act(() => legacyRender(, container));\n+ await act(() => legacyRender(, container));\n \n expect(store).toMatchInlineSnapshot(`\n [root]\n@@ -1659,7 +1699,7 @@ describe('Store', () => {\n `);\n \n \/\/ Render again to unmount it\n- act(() => legacyRender(, container));\n+ await act(() => legacyRender(, container));\n \n expect(store).toMatchInlineSnapshot(`\n [root]\n@@ -1673,7 +1713,7 @@ describe('Store', () => {\n const root = ReactDOMClient.createRoot(container);\n \n \/\/ Render once to start fetching the lazy component\n- act(() => root.render());\n+ await act(() => root.render());\n \n expect(store).toMatchInlineSnapshot(`\n [root]\n@@ -1684,7 +1724,7 @@ describe('Store', () => {\n await Promise.resolve();\n \n \/\/ Render again after it resolves\n- act(() => root.render());\n+ await act(() => root.render());\n \n expect(store).toMatchInlineSnapshot(`\n [root]\n@@ -1694,7 +1734,7 @@ describe('Store', () => {\n `);\n \n \/\/ Render again to unmount it\n- act(() => root.render());\n+ await act(() => root.render());\n \n expect(store).toMatchInlineSnapshot(`\n [root]\n@@ -1709,7 +1749,7 @@ describe('Store', () => {\n const container = document.createElement('div');\n \n \/\/ Render once to start fetching the lazy component\n- act(() => legacyRender(, container));\n+ await act(() => legacyRender(, container));\n \n expect(store).toMatchInlineSnapshot(`\n [root]\n@@ -1718,7 +1758,7 @@ describe('Store', () => {\n `);\n \n \/\/ Render again to unmount it before it finishes loading\n- act(() => legacyRender(, container));\n+ await act(() => legacyRender(, container));\n \n expect(store).toMatchInlineSnapshot(`\n [root]\n@@ -1733,7 +1773,7 @@ describe('Store', () => {\n const root = ReactDOMClient.createRoot(container);\n \n \/\/ Render once to start fetching the lazy component\n- act(() => root.render());\n+ await act(() => root.render());\n \n expect(store).toMatchInlineSnapshot(`\n [root]\n@@ -1742,7 +1782,7 @@ describe('Store', () => {\n `);\n \n \/\/ Render again to unmount it before it finishes loading\n- act(() => root.render());\n+ await act(() => root.render());\n \n expect(store).toMatchInlineSnapshot(`\n [root]\n@@ -1753,15 +1793,15 @@ describe('Store', () => {\n \n describe('inline errors and warnings', () => {\n \/\/ @reactVersion >= 18.0\n- it('during render are counted', () => {\n+ it('during render are counted', async () => {\n function Example() {\n console.error('test-only: render error');\n console.warn('test-only: render warning');\n return null;\n }\n \n- withErrorsOrWarningsIgnored(['test-only:'], () => {\n- act(() => render());\n+ withErrorsOrWarningsIgnored(['test-only:'], async () => {\n+ await act(() => render());\n });\n \n expect(store).toMatchInlineSnapshot(`\n@@ -1770,8 +1810,8 @@ describe('Store', () => {\n ✕⚠\n `);\n \n- withErrorsOrWarningsIgnored(['test-only:'], () => {\n- act(() => render());\n+ withErrorsOrWarningsIgnored(['test-only:'], async () => {\n+ await act(() => render());\n });\n \n expect(store).toMatchInlineSnapshot(`\n@@ -1782,7 +1822,7 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('during layout get counted', () => {\n+ it('during layout get counted', async () => {\n function Example() {\n React.useLayoutEffect(() => {\n console.error('test-only: layout error');\n@@ -1791,8 +1831,8 @@ describe('Store', () => {\n return null;\n }\n \n- withErrorsOrWarningsIgnored(['test-only:'], () => {\n- act(() => render());\n+ withErrorsOrWarningsIgnored(['test-only:'], async () => {\n+ await act(() => render());\n });\n \n expect(store).toMatchInlineSnapshot(`\n@@ -1801,8 +1841,8 @@ describe('Store', () => {\n ✕⚠\n `);\n \n- withErrorsOrWarningsIgnored(['test-only:'], () => {\n- act(() => render());\n+ withErrorsOrWarningsIgnored(['test-only:'], async () => {\n+ await act(() => render());\n });\n \n expect(store).toMatchInlineSnapshot(`\n@@ -1818,7 +1858,7 @@ describe('Store', () => {\n }\n \n \/\/ @reactVersion >= 18.0\n- it('are counted (after no delay)', () => {\n+ it('are counted (after no delay)', async () => {\n function Example() {\n React.useEffect(() => {\n console.error('test-only: passive error');\n@@ -1827,8 +1867,8 @@ describe('Store', () => {\n return null;\n }\n \n- withErrorsOrWarningsIgnored(['test-only:'], () => {\n- act(() => {\n+ withErrorsOrWarningsIgnored(['test-only:'], async () => {\n+ await act(() => {\n render();\n }, false);\n });\n@@ -1839,12 +1879,12 @@ describe('Store', () => {\n ✕⚠\n `);\n \n- act(() => unmount());\n+ await act(() => unmount());\n expect(store).toMatchInlineSnapshot(``);\n });\n \n \/\/ @reactVersion >= 18.0\n- it('are flushed early when there is a new commit', () => {\n+ it('are flushed early when there is a new commit', async () => {\n function Example() {\n React.useEffect(() => {\n console.error('test-only: passive error');\n@@ -1890,7 +1930,7 @@ describe('Store', () => {\n `);\n });\n \n- act(() => unmount());\n+ await act(() => unmount());\n expect(store).toMatchInlineSnapshot(``);\n });\n });\n@@ -1898,7 +1938,7 @@ describe('Store', () => {\n \/\/ In React 19, JSX warnings were moved into the renderer - https:\/\/github.com\/facebook\/react\/pull\/29088\n \/\/ The warning is moved to the Child instead of the Parent.\n \/\/ @reactVersion >= 19.0.1\n- it('from react get counted [React >= 19.0.1]', () => {\n+ it('from react get counted [React >= 19.0.1]', async () => {\n function Example() {\n return [];\n }\n@@ -1923,7 +1963,7 @@ describe('Store', () => {\n \n \/\/ @reactVersion >= 18.0\n \/\/ @reactVersion < 19.0\n- it('from react get counted [React 18.x]', () => {\n+ it('from react get counted [React 18.x]', async () => {\n function Example() {\n return [];\n }\n@@ -1947,15 +1987,15 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('can be cleared for the whole app', () => {\n+ it('can be cleared for the whole app', async () => {\n function Example() {\n console.error('test-only: render error');\n console.warn('test-only: render warning');\n return null;\n }\n \n- withErrorsOrWarningsIgnored(['test-only:'], () => {\n- act(() =>\n+ withErrorsOrWarningsIgnored(['test-only:'], async () => {\n+ await act(() =>\n render(\n \n \n@@ -1988,15 +2028,15 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('can be cleared for particular Fiber (only warnings)', () => {\n+ it('can be cleared for particular Fiber (only warnings)', async () => {\n function Example() {\n console.error('test-only: render error');\n console.warn('test-only: render warning');\n return null;\n }\n \n- withErrorsOrWarningsIgnored(['test-only:'], () => {\n- act(() =>\n+ withErrorsOrWarningsIgnored(['test-only:'], async () => {\n+ await act(() =>\n render(\n \n \n@@ -2033,15 +2073,15 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('can be cleared for a particular Fiber (only errors)', () => {\n+ it('can be cleared for a particular Fiber (only errors)', async () => {\n function Example() {\n console.error('test-only: render error');\n console.warn('test-only: render warning');\n return null;\n }\n \n- withErrorsOrWarningsIgnored(['test-only:'], () => {\n- act(() =>\n+ withErrorsOrWarningsIgnored(['test-only:'], async () => {\n+ await act(() =>\n render(\n \n \n@@ -2078,7 +2118,7 @@ describe('Store', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('are updated when fibers are removed from the tree', () => {\n+ it('are updated when fibers are removed from the tree', async () => {\n function ComponentWithWarning() {\n console.warn('test-only: render warning');\n return null;\n@@ -2093,8 +2133,8 @@ describe('Store', () => {\n return null;\n }\n \n- withErrorsOrWarningsIgnored(['test-only:'], () => {\n- act(() =>\n+ withErrorsOrWarningsIgnored(['test-only:'], async () => {\n+ await act(() =>\n render(\n \n \n@@ -2112,8 +2152,8 @@ describe('Store', () => {\n ✕⚠\n `);\n \n- withErrorsOrWarningsIgnored(['test-only:'], () => {\n- act(() =>\n+ withErrorsOrWarningsIgnored(['test-only:'], async () => {\n+ await act(() =>\n render(\n \n \n@@ -2129,8 +2169,8 @@ describe('Store', () => {\n ✕⚠\n `);\n \n- withErrorsOrWarningsIgnored(['test-only:'], () => {\n- act(() =>\n+ withErrorsOrWarningsIgnored(['test-only:'], async () => {\n+ await act(() =>\n render(\n \n \n@@ -2144,8 +2184,8 @@ describe('Store', () => {\n ⚠\n `);\n \n- withErrorsOrWarningsIgnored(['test-only:'], () => {\n- act(() => render());\n+ withErrorsOrWarningsIgnored(['test-only:'], async () => {\n+ await act(() => render());\n });\n expect(store).toMatchInlineSnapshot(`[root]`);\n expect(store.componentWithErrorCount).toBe(0);\ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/storeComponentFilters-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/storeComponentFilters-test.js\nindex 5f00af92bf..c0ab51a171 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/storeComponentFilters-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/storeComponentFilters-test.js\n@@ -509,7 +509,11 @@ describe('Store component filters', () => {\n \n const Component = ({shouldSuspend}) => {\n if (shouldSuspend) {\n- throw promise;\n+ if (React.use) {\n+ React.use(promise);\n+ } else {\n+ throw promise;\n+ }\n }\n return null;\n };\ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/storeStressSync-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/storeStressSync-test.js\nindex 585499fd81..759ce79590 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/storeStressSync-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/storeStressSync-test.js\n@@ -522,7 +522,11 @@ describe('StoreStress (Legacy Mode)', () => {\n ];\n \n const Never = () => {\n- throw new Promise(() => {});\n+ if (React.use) {\n+ React.use(new Promise(() => {}));\n+ } else {\n+ throw new Promise(() => {});\n+ }\n };\n \n const Root = ({children}) => {\n@@ -1144,7 +1148,11 @@ describe('StoreStress (Legacy Mode)', () => {\n ];\n \n const Never = () => {\n- throw new Promise(() => {});\n+ if (React.use) {\n+ React.use(new Promise(() => {}));\n+ } else {\n+ throw new Promise(() => {});\n+ }\n };\n \n const MaybeSuspend = ({children, suspend}) => {\ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/storeStressTestConcurrent-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/storeStressTestConcurrent-test.js\nindex 8dd4ce4284..4389f78cd2 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/storeStressTestConcurrent-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/storeStressTestConcurrent-test.js\n@@ -38,7 +38,7 @@ describe('StoreStressConcurrent', () => {\n \/\/ This is a stress test for the tree mount\/update\/unmount traversal.\n \/\/ It renders different trees that should produce the same output.\n \/\/ @reactVersion >= 18.0\n- it('should handle a stress test with different tree operations (Concurrent Mode)', () => {\n+ it('should handle a stress test with different tree operations (Concurrent Mode)', async () => {\n let setShowX;\n const A = () => 'a';\n const B = () => 'b';\n@@ -151,26 +151,26 @@ describe('StoreStressConcurrent', () => {\n root = ReactDOMClient.createRoot(container);\n \n \/\/ Verify mounting 'abcde'.\n- act(() => root.render({cases[i]}<\/Parent>));\n+ await act(() => root.render({cases[i]}<\/Parent>));\n expect(container.textContent).toMatch('abcde');\n expect(print(store)).toEqual(snapshotForABCDE);\n \n \/\/ Verify switching to 'abxde'.\n- act(() => {\n+ await act(() => {\n setShowX(true);\n });\n expect(container.textContent).toMatch('abxde');\n expect(print(store)).toBe(snapshotForABXDE);\n \n \/\/ Verify switching back to 'abcde'.\n- act(() => {\n+ await act(() => {\n setShowX(false);\n });\n expect(container.textContent).toMatch('abcde');\n expect(print(store)).toBe(snapshotForABCDE);\n \n \/\/ Clean up.\n- act(() => root.unmount());\n+ await act(() => root.unmount());\n expect(print(store)).toBe('');\n }\n \n@@ -180,19 +180,19 @@ describe('StoreStressConcurrent', () => {\n root = ReactDOMClient.createRoot(container);\n for (let i = 0; i < cases.length; i++) {\n \/\/ Verify mounting 'abcde'.\n- act(() => root.render({cases[i]}<\/Parent>));\n+ await act(() => root.render({cases[i]}<\/Parent>));\n expect(container.textContent).toMatch('abcde');\n expect(print(store)).toEqual(snapshotForABCDE);\n \n \/\/ Verify switching to 'abxde'.\n- act(() => {\n+ await act(() => {\n setShowX(true);\n });\n expect(container.textContent).toMatch('abxde');\n expect(print(store)).toBe(snapshotForABXDE);\n \n \/\/ Verify switching back to 'abcde'.\n- act(() => {\n+ await act(() => {\n setShowX(false);\n });\n expect(container.textContent).toMatch('abcde');\n@@ -204,7 +204,7 @@ describe('StoreStressConcurrent', () => {\n });\n \n \/\/ @reactVersion >= 18.0\n- it('should handle stress test with reordering (Concurrent Mode)', () => {\n+ it('should handle stress test with reordering (Concurrent Mode)', async () => {\n const A = () => 'a';\n const B = () => 'b';\n const C = () => 'c';\n@@ -245,10 +245,10 @@ describe('StoreStressConcurrent', () => {\n let container = document.createElement('div');\n for (let i = 0; i < steps.length; i++) {\n const root = ReactDOMClient.createRoot(container);\n- act(() => root.render({steps[i]}<\/Root>));\n+ await act(() => root.render({steps[i]}<\/Root>));\n \/\/ We snapshot each step once so it doesn't regress.\n snapshots.push(print(store));\n- act(() => root.unmount());\n+ await act(() => root.unmount());\n expect(print(store)).toBe('');\n }\n \n@@ -316,13 +316,13 @@ describe('StoreStressConcurrent', () => {\n for (let j = 0; j < steps.length; j++) {\n container = document.createElement('div');\n const root = ReactDOMClient.createRoot(container);\n- act(() => root.render({steps[i]}<\/Root>));\n+ await act(() => root.render({steps[i]}<\/Root>));\n expect(print(store)).toMatch(snapshots[i]);\n- act(() => root.render({steps[j]}<\/Root>));\n+ await act(() => root.render({steps[j]}<\/Root>));\n expect(print(store)).toMatch(snapshots[j]);\n- act(() => root.render({steps[i]}<\/Root>));\n+ await act(() => root.render({steps[i]}<\/Root>));\n expect(print(store)).toMatch(snapshots[i]);\n- act(() => root.unmount());\n+ await act(() => root.unmount());\n expect(print(store)).toBe('');\n }\n }\n@@ -332,7 +332,7 @@ describe('StoreStressConcurrent', () => {\n for (let j = 0; j < steps.length; j++) {\n container = document.createElement('div');\n const root = ReactDOMClient.createRoot(container);\n- act(() =>\n+ await act(() =>\n root.render(\n \n

{steps[i]}<\/div>\n@@ -340,7 +340,7 @@ describe('StoreStressConcurrent', () => {\n ),\n );\n expect(print(store)).toMatch(snapshots[i]);\n- act(() =>\n+ await act(() =>\n root.render(\n \n

{steps[j]}<\/div>\n@@ -348,7 +348,7 @@ describe('StoreStressConcurrent', () => {\n ),\n );\n expect(print(store)).toMatch(snapshots[j]);\n- act(() =>\n+ await act(() =>\n root.render(\n \n

{steps[i]}<\/div>\n@@ -356,7 +356,7 @@ describe('StoreStressConcurrent', () => {\n ),\n );\n expect(print(store)).toMatch(snapshots[i]);\n- act(() => root.unmount());\n+ await act(() => root.unmount());\n expect(print(store)).toBe('');\n }\n }\n@@ -392,7 +392,11 @@ describe('StoreStressConcurrent', () => {\n ];\n \n const Never = () => {\n- throw new Promise(() => {});\n+ if (React.use) {\n+ React.use(new Promise(() => {}));\n+ } else {\n+ throw new Promise(() => {});\n+ }\n };\n \n const Root = ({children}) => {\n@@ -405,7 +409,7 @@ describe('StoreStressConcurrent', () => {\n let container = document.createElement('div');\n for (let i = 0; i < steps.length; i++) {\n const root = ReactDOMClient.createRoot(container);\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -416,7 +420,7 @@ describe('StoreStressConcurrent', () => {\n );\n \/\/ We snapshot each step once so it doesn't regress.d\n snapshots.push(print(store));\n- act(() => root.unmount());\n+ await act(() => root.unmount());\n expect(print(store)).toBe('');\n }\n \n@@ -507,7 +511,7 @@ describe('StoreStressConcurrent', () => {\n \/\/ 2. Verify check Suspense can render same steps as initial fallback content.\n for (let i = 0; i < steps.length; i++) {\n const root = ReactDOMClient.createRoot(container);\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -521,7 +525,7 @@ describe('StoreStressConcurrent', () => {\n ),\n );\n expect(print(store)).toEqual(snapshots[i]);\n- act(() => root.unmount());\n+ await act(() => root.unmount());\n expect(print(store)).toBe('');\n }\n \n@@ -531,7 +535,7 @@ describe('StoreStressConcurrent', () => {\n \/\/ Always start with a fresh container and steps[i].\n container = document.createElement('div');\n const root = ReactDOMClient.createRoot(container);\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -542,7 +546,7 @@ describe('StoreStressConcurrent', () => {\n );\n expect(print(store)).toEqual(snapshots[i]);\n \/\/ Re-render with steps[j].\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -554,7 +558,7 @@ describe('StoreStressConcurrent', () => {\n \/\/ Verify the successful transition to steps[j].\n expect(print(store)).toEqual(snapshots[j]);\n \/\/ Check that we can transition back again.\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -565,7 +569,7 @@ describe('StoreStressConcurrent', () => {\n );\n expect(print(store)).toEqual(snapshots[i]);\n \/\/ Clean up after every iteration.\n- act(() => root.unmount());\n+ await act(() => root.unmount());\n expect(print(store)).toBe('');\n }\n }\n@@ -576,7 +580,7 @@ describe('StoreStressConcurrent', () => {\n \/\/ Always start with a fresh container and steps[i].\n container = document.createElement('div');\n const root = ReactDOMClient.createRoot(container);\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -591,7 +595,7 @@ describe('StoreStressConcurrent', () => {\n );\n expect(print(store)).toEqual(snapshots[i]);\n \/\/ Re-render with steps[j].\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -607,7 +611,7 @@ describe('StoreStressConcurrent', () => {\n \/\/ Verify the successful transition to steps[j].\n expect(print(store)).toEqual(snapshots[j]);\n \/\/ Check that we can transition back again.\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -622,7 +626,7 @@ describe('StoreStressConcurrent', () => {\n );\n expect(print(store)).toEqual(snapshots[i]);\n \/\/ Clean up after every iteration.\n- act(() => root.unmount());\n+ await act(() => root.unmount());\n expect(print(store)).toBe('');\n }\n }\n@@ -633,7 +637,7 @@ describe('StoreStressConcurrent', () => {\n \/\/ Always start with a fresh container and steps[i].\n container = document.createElement('div');\n const root = ReactDOMClient.createRoot(container);\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -644,7 +648,7 @@ describe('StoreStressConcurrent', () => {\n );\n expect(print(store)).toEqual(snapshots[i]);\n \/\/ Re-render with steps[j].\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -660,7 +664,7 @@ describe('StoreStressConcurrent', () => {\n \/\/ Verify the successful transition to steps[j].\n expect(print(store)).toEqual(snapshots[j]);\n \/\/ Check that we can transition back again.\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -671,7 +675,7 @@ describe('StoreStressConcurrent', () => {\n );\n expect(print(store)).toEqual(snapshots[i]);\n \/\/ Clean up after every iteration.\n- act(() => root.unmount());\n+ await act(() => root.unmount());\n expect(print(store)).toBe('');\n }\n }\n@@ -682,7 +686,7 @@ describe('StoreStressConcurrent', () => {\n \/\/ Always start with a fresh container and steps[i].\n container = document.createElement('div');\n const root = ReactDOMClient.createRoot(container);\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -697,7 +701,7 @@ describe('StoreStressConcurrent', () => {\n );\n expect(print(store)).toEqual(snapshots[i]);\n \/\/ Re-render with steps[j].\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -709,7 +713,7 @@ describe('StoreStressConcurrent', () => {\n \/\/ Verify the successful transition to steps[j].\n expect(print(store)).toEqual(snapshots[j]);\n \/\/ Check that we can transition back again.\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -724,7 +728,7 @@ describe('StoreStressConcurrent', () => {\n );\n expect(print(store)).toEqual(snapshots[i]);\n \/\/ Clean up after every iteration.\n- act(() => root.unmount());\n+ await act(() => root.unmount());\n expect(print(store)).toBe('');\n }\n }\n@@ -735,7 +739,7 @@ describe('StoreStressConcurrent', () => {\n \/\/ Always start with a fresh container and steps[i].\n container = document.createElement('div');\n const root = ReactDOMClient.createRoot(container);\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -772,7 +776,7 @@ describe('StoreStressConcurrent', () => {\n expect(print(store)).toEqual(snapshots[i]);\n \n \/\/ Trigger actual fallback.\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -788,7 +792,7 @@ describe('StoreStressConcurrent', () => {\n expect(print(store)).toEqual(snapshots[j]);\n \n \/\/ Force fallback while we're in fallback mode.\n- act(() => {\n+ await act(() => {\n bridge.send('overrideSuspense', {\n id: suspenseID,\n rendererID: store.getRendererIDForElement(suspenseID),\n@@ -799,7 +803,7 @@ describe('StoreStressConcurrent', () => {\n expect(print(store)).toEqual(snapshots[j]);\n \n \/\/ Switch to primary mode.\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -859,7 +863,11 @@ describe('StoreStressConcurrent', () => {\n ];\n \n const Never = () => {\n- throw new Promise(() => {});\n+ if (React.use) {\n+ React.use(new Promise(() => {}));\n+ } else {\n+ throw new Promise(() => {});\n+ }\n };\n \n const MaybeSuspend = ({children, suspend}) => {\n@@ -890,7 +898,7 @@ describe('StoreStressConcurrent', () => {\n let container = document.createElement('div');\n for (let i = 0; i < steps.length; i++) {\n const root = ReactDOMClient.createRoot(container);\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -903,7 +911,7 @@ describe('StoreStressConcurrent', () => {\n );\n \/\/ We snapshot each step once so it doesn't regress.\n snapshots.push(print(store));\n- act(() => root.unmount());\n+ await act(() => root.unmount());\n expect(print(store)).toBe('');\n }\n \n@@ -913,7 +921,7 @@ describe('StoreStressConcurrent', () => {\n const fallbackSnapshots = [];\n for (let i = 0; i < steps.length; i++) {\n const root = ReactDOMClient.createRoot(container);\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -928,7 +936,7 @@ describe('StoreStressConcurrent', () => {\n );\n \/\/ We snapshot each step once so it doesn't regress.\n fallbackSnapshots.push(print(store));\n- act(() => root.unmount());\n+ await act(() => root.unmount());\n expect(print(store)).toBe('');\n }\n \n@@ -1046,7 +1054,7 @@ describe('StoreStressConcurrent', () => {\n \/\/ Always start with a fresh container and steps[i].\n container = document.createElement('div');\n const root = ReactDOMClient.createRoot(container);\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -1059,7 +1067,7 @@ describe('StoreStressConcurrent', () => {\n );\n expect(print(store)).toEqual(snapshots[i]);\n \/\/ Re-render with steps[j].\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -1073,7 +1081,7 @@ describe('StoreStressConcurrent', () => {\n \/\/ Verify the successful transition to steps[j].\n expect(print(store)).toEqual(snapshots[j]);\n \/\/ Check that we can transition back again.\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -1086,7 +1094,7 @@ describe('StoreStressConcurrent', () => {\n );\n expect(print(store)).toEqual(snapshots[i]);\n \/\/ Clean up after every iteration.\n- act(() => root.unmount());\n+ await act(() => root.unmount());\n expect(print(store)).toBe('');\n }\n }\n@@ -1097,7 +1105,7 @@ describe('StoreStressConcurrent', () => {\n \/\/ Always start with a fresh container and steps[i].\n container = document.createElement('div');\n const root = ReactDOMClient.createRoot(container);\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -1115,7 +1123,7 @@ describe('StoreStressConcurrent', () => {\n );\n expect(print(store)).toEqual(fallbackSnapshots[i]);\n \/\/ Re-render with steps[j].\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -1134,7 +1142,7 @@ describe('StoreStressConcurrent', () => {\n \/\/ Verify the successful transition to steps[j].\n expect(print(store)).toEqual(fallbackSnapshots[j]);\n \/\/ Check that we can transition back again.\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -1152,7 +1160,7 @@ describe('StoreStressConcurrent', () => {\n );\n expect(print(store)).toEqual(fallbackSnapshots[i]);\n \/\/ Clean up after every iteration.\n- act(() => root.unmount());\n+ await act(() => root.unmount());\n expect(print(store)).toBe('');\n }\n }\n@@ -1163,7 +1171,7 @@ describe('StoreStressConcurrent', () => {\n \/\/ Always start with a fresh container and steps[i].\n container = document.createElement('div');\n const root = ReactDOMClient.createRoot(container);\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -1176,7 +1184,7 @@ describe('StoreStressConcurrent', () => {\n );\n expect(print(store)).toEqual(snapshots[i]);\n \/\/ Re-render with steps[j].\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -1190,7 +1198,7 @@ describe('StoreStressConcurrent', () => {\n \/\/ Verify the successful transition to steps[j].\n expect(print(store)).toEqual(fallbackSnapshots[j]);\n \/\/ Check that we can transition back again.\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -1203,7 +1211,7 @@ describe('StoreStressConcurrent', () => {\n );\n expect(print(store)).toEqual(snapshots[i]);\n \/\/ Clean up after every iteration.\n- act(() => root.unmount());\n+ await act(() => root.unmount());\n expect(print(store)).toBe('');\n }\n }\n@@ -1214,7 +1222,7 @@ describe('StoreStressConcurrent', () => {\n \/\/ Always start with a fresh container and steps[i].\n container = document.createElement('div');\n const root = ReactDOMClient.createRoot(container);\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -1227,7 +1235,7 @@ describe('StoreStressConcurrent', () => {\n );\n expect(print(store)).toEqual(fallbackSnapshots[i]);\n \/\/ Re-render with steps[j].\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -1241,7 +1249,7 @@ describe('StoreStressConcurrent', () => {\n \/\/ Verify the successful transition to steps[j].\n expect(print(store)).toEqual(snapshots[j]);\n \/\/ Check that we can transition back again.\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -1254,7 +1262,7 @@ describe('StoreStressConcurrent', () => {\n );\n expect(print(store)).toEqual(fallbackSnapshots[i]);\n \/\/ Clean up after every iteration.\n- act(() => root.unmount());\n+ await act(() => root.unmount());\n expect(print(store)).toBe('');\n }\n }\n@@ -1265,7 +1273,7 @@ describe('StoreStressConcurrent', () => {\n \/\/ Always start with a fresh container and steps[i].\n container = document.createElement('div');\n const root = ReactDOMClient.createRoot(container);\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -1304,7 +1312,7 @@ describe('StoreStressConcurrent', () => {\n expect(print(store)).toEqual(snapshots[i]);\n \n \/\/ Trigger actual fallback.\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -1318,7 +1326,7 @@ describe('StoreStressConcurrent', () => {\n expect(print(store)).toEqual(fallbackSnapshots[j]);\n \n \/\/ Force fallback while we're in fallback mode.\n- act(() => {\n+ await act(() => {\n bridge.send('overrideSuspense', {\n id: suspenseID,\n rendererID: store.getRendererIDForElement(suspenseID),\n@@ -1329,7 +1337,7 @@ describe('StoreStressConcurrent', () => {\n expect(print(store)).toEqual(fallbackSnapshots[j]);\n \n \/\/ Switch to primary mode.\n- act(() =>\n+ await act(() =>\n root.render(\n \n \n@@ -1355,7 +1363,7 @@ describe('StoreStressConcurrent', () => {\n expect(print(store)).toEqual(snapshots[i]);\n \n \/\/ Clean up after every iteration.\n- act(() => root.unmount());\n+ await act(() => root.unmount());\n expect(print(store)).toBe('');\n }\n }\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/cache.js b\/packages\/react-devtools-shared\/src\/devtools\/cache.js\nindex eda30ed56a..5ed2133b06 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/cache.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/cache.js\n@@ -7,7 +7,12 @@\n * @flow\n *\/\n \n-import type {ReactContext, Thenable} from 'shared\/ReactTypes';\n+import type {\n+ ReactContext,\n+ Thenable,\n+ FulfilledThenable,\n+ RejectedThenable,\n+} from 'shared\/ReactTypes';\n \n import * as React from 'react';\n import {createContext} from 'react';\n@@ -26,27 +31,6 @@ import {createContext} from 'react';\n \n export type {Thenable};\n \n-interface Suspender {\n- then(resolve: () => mixed, reject: () => mixed): mixed;\n-}\n-\n-type PendingResult = {\n- status: 0,\n- value: Suspender,\n-};\n-\n-type ResolvedResult = {\n- status: 1,\n- value: Value,\n-};\n-\n-type RejectedResult = {\n- status: 2,\n- value: mixed,\n-};\n-\n-type Result = PendingResult | ResolvedResult | RejectedResult;\n-\n export type Resource = {\n clear(): void,\n invalidate(Key): void,\n@@ -55,10 +39,6 @@ export type Resource = {\n write(Key, Value): void,\n };\n \n-const Pending = 0;\n-const Resolved = 1;\n-const Rejected = 2;\n-\n let readContext;\n if (typeof React.use === 'function') {\n readContext = function (Context: ReactContext) {\n@@ -115,33 +95,25 @@ function accessResult(\n fetch: Input => Thenable,\n input: Input,\n key: Key,\n-): Result {\n+): Thenable {\n const entriesForResource = getEntriesForResource(resource);\n const entry = entriesForResource.get(key);\n if (entry === undefined) {\n const thenable = fetch(input);\n thenable.then(\n value => {\n- if (newResult.status === Pending) {\n- const resolvedResult: ResolvedResult = (newResult: any);\n- resolvedResult.status = Resolved;\n- resolvedResult.value = value;\n- }\n+ const fulfilledThenable: FulfilledThenable = (thenable: any);\n+ fulfilledThenable.status = 'fulfilled';\n+ fulfilledThenable.value = value;\n },\n error => {\n- if (newResult.status === Pending) {\n- const rejectedResult: RejectedResult = (newResult: any);\n- rejectedResult.status = Rejected;\n- rejectedResult.value = error;\n- }\n+ const rejectedThenable: RejectedThenable

dillon1000/react

Files changed