{"parents":["b123b9c4f054a7def7ed84e350ccd46cc86672a6"],"patch":"diff --git a\/packages\/react-interactions\/events\/src\/dom\/create-event-handle\/__tests__\/useFocus-test.internal.js b\/packages\/react-interactions\/events\/src\/dom\/create-event-handle\/__tests__\/useFocus-test.internal.js\nindex 93204b5f20..cc456434f9 100644\n--- a\/packages\/react-interactions\/events\/src\/dom\/create-event-handle\/__tests__\/useFocus-test.internal.js\n+++ b\/packages\/react-interactions\/events\/src\/dom\/create-event-handle\/__tests__\/useFocus-test.internal.js\n@@ -13,7 +13,7 @@ import {createEventTarget, setPointerEvent} from 'dom-event-testing-library';\n \n let React;\n let ReactFeatureFlags;\n-let ReactDOM;\n+let ReactDOMClient;\n let useFocus;\n let act;\n \n@@ -23,7 +23,7 @@ function initializeModules(hasPointerEvents) {\n ReactFeatureFlags = require('shared\/ReactFeatureFlags');\n ReactFeatureFlags.enableCreateEventHandleAPI = true;\n React = require('react');\n- ReactDOM = require('react-dom');\n+ ReactDOMClient = require('react-dom\/client');\n act = require('internal-test-utils').act;\n \/\/ TODO: This import throws outside of experimental mode. Figure out better\n \/\/ strategy for gated imports.\n@@ -45,7 +45,6 @@ describe.each(table)(`useFocus hasPointerEvents=%s`, hasPointerEvents => {\n });\n \n afterEach(() => {\n- ReactDOM.render(null, container);\n document.body.removeChild(container);\n container = null;\n });\n@@ -65,8 +64,9 @@ describe.each(table)(`useFocus hasPointerEvents=%s`, hasPointerEvents => {\n });\n return

;\n };\n+ const root = ReactDOMClient.createRoot(container);\n await act(() => {\n- ReactDOM.render(, container);\n+ root.render();\n });\n };\n \n@@ -93,8 +93,9 @@ describe.each(table)(`useFocus hasPointerEvents=%s`, hasPointerEvents => {\n });\n return

;\n };\n+ const root = ReactDOMClient.createRoot(container);\n await act(() => {\n- ReactDOM.render(, container);\n+ root.render();\n });\n };\n \n@@ -125,8 +126,9 @@ describe.each(table)(`useFocus hasPointerEvents=%s`, hasPointerEvents => {\n <\/div>\n );\n };\n+ const root = ReactDOMClient.createRoot(container);\n await act(() => {\n- ReactDOM.render(, container);\n+ root.render();\n });\n };\n \n@@ -164,8 +166,9 @@ describe.each(table)(`useFocus hasPointerEvents=%s`, hasPointerEvents => {\n <\/div>\n );\n };\n+ const root = ReactDOMClient.createRoot(container);\n await act(() => {\n- ReactDOM.render(, container);\n+ root.render();\n });\n };\n \n@@ -209,8 +212,9 @@ describe.each(table)(`useFocus hasPointerEvents=%s`, hasPointerEvents => {\n <\/div>\n );\n };\n+ const root = ReactDOMClient.createRoot(container);\n await act(() => {\n- ReactDOM.render(, container);\n+ root.render();\n });\n };\n \n@@ -305,8 +309,9 @@ describe.each(table)(`useFocus hasPointerEvents=%s`, hasPointerEvents => {\n );\n };\n \n+ const root = ReactDOMClient.createRoot(container);\n await act(() => {\n- ReactDOM.render(, container);\n+ root.render();\n });\n const innerTarget = createEventTarget(innerRef.current);\n const outerTarget = createEventTarget(outerRef.current);\n","commit":{"revision":"a41ebfc5f64933019a0accb13d147c7361a9c281","authorEmail":"jackpope1@gmail.com","authoredAt":"2024-01-25T12:10:56-05:00","shortRevision":"a41ebfc5f6","authorName":"Jack Pope","subject":"Use createRoot in useFocus-test (#28083)"},"files":[{"status":"M","path":"packages\/react-interactions\/events\/src\/dom\/create-event-handle\/__tests__\/useFocus-test.internal.js"}],"body":""}

dillon1000/react

Files changed