React 18 & ReactDOM.unmountComponentAtNode() shows warning and does not work

[d-kls]

Hey i am fairly new to Cypress (& Cypress Component Testing). This is my test case:

function TestComponent() {
	// ...some useEffect with unmount functionality
	return <div data-cy="test">...</div>;
}

cy.mount(<TestComponent />).then(() => {
	cy.get("[data-cy='test']")
		.should("be.visible")
		.then(() => {
			// ... doing something
		});

	cy.then(() => ReactDOM.unmountComponentAtNode(getContainerEl()));
	cy.then(() => {
		cy.get("[data-cy='test']")
			.should("not.exist")
			.then(() => {
				// .. do something
		});
	});
});

I need to unmount the TestComponent, to check some functionality, after having checked it after mounting. I implemented it as referenced in the docs, but this throws a warning inside the console:

while also not unmounting my component:

Now before i issue a bug i wanted to check here if perhaps i had missed something about how to unmount the component in React 18 with Cypress correctly.

Used versions:

"cypress": "^12.11.0",
"react": "^18.2.0",
"react-dom": "^18.2.0"

Thanks in advance.