diff --git a/packages/react-art/src/ReactARTHostConfig.js b/packages/react-art/src/ReactARTHostConfig.js index 999bc8b3b2f56..18395feffcd99 100644 --- a/packages/react-art/src/ReactARTHostConfig.js +++ b/packages/react-art/src/ReactARTHostConfig.js @@ -427,12 +427,8 @@ export function unhideTextInstance(textInstance, text): void { // Noop } -export function clearContainer(container: Container): void { - // TODO This doesn't work for anything other than SVG. - // Is that okay? - while (container.lastChild != null) { - container.lastChild.eject(); - } +export function clearContainer(container) { + // TODO Implement this } export function DEPRECATED_mountResponderInstance( diff --git a/packages/react-dom/src/client/ReactDOMHostConfig.js b/packages/react-dom/src/client/ReactDOMHostConfig.js index 6ab1019918ba4..0fbeaed352447 100644 --- a/packages/react-dom/src/client/ReactDOMHostConfig.js +++ b/packages/react-dom/src/client/ReactDOMHostConfig.js @@ -636,11 +636,11 @@ export function unhideTextInstance( export function clearContainer(container: Container): void { if (container.nodeType === ELEMENT_NODE) { - ((container: any): Element).innerHTML = ''; + ((container: any): Element).textContent = ''; } else if (container.nodeType === DOCUMENT_NODE) { - const documentElement = ((container: any): Document).documentElement; - if (documentElement != null) { - documentElement.innerHTML = ''; + const body = ((container: any): Document).body; + if (body != null) { + body.textContent = ''; } } } diff --git a/packages/react-dom/src/client/__tests__/trustedTypes-test.internal.js b/packages/react-dom/src/client/__tests__/trustedTypes-test.internal.js index 7ebf500cfdb14..f07816b14f10c 100644 --- a/packages/react-dom/src/client/__tests__/trustedTypes-test.internal.js +++ b/packages/react-dom/src/client/__tests__/trustedTypes-test.internal.js @@ -74,8 +74,7 @@ describe('when Trusted Types are available in global object', () => { container, ); expect(container.innerHTML).toBe('