Para resolver el error de la biblioteca de pruebas de reacción "ReactDOM.render ya no es compatible con React 18", actualice la versión de la biblioteca de pruebas de reacción.

Abra su terminal en el directorio raíz de su proyecto y ejecute los siguientes comandos:

npm install --save-dev @testing-library/react@latest

npm install --save-dev @testing-library/jest-dom@latest

npm install --save-dev @testing-library/user-event@latest

Asegúrese de actualizar las versiones de todos los paquetes de la biblioteca de pruebas de reacción que está utilizando.

Su archivo index.js debe usar la nueva API createRoot para representar su aplicación.

índice.js

 import React from 'react'; import ReactDOM from "react-dom/client"; import App from './App'; const root = ReactDOM.createRoot(document.getElementById("root")); root.render( <StrictMode> <App /> </StrictMode> );

Ahora debería poder comenzar sus pruebas sin obtener el error.

Aplicación.prueba.js

 import {render, screen} from '@testing-library/react'; import App from './App'; test('renders react component', () => { render(<App />); const divElement = screen.getByText(/hello world/i); expect(divElement).toBeInTheDocument(); });

Después de algunos hallazgos y leyendo los documentos de React Testing Library , pude resolver el problema por el momento suprimiendo la advertencia relacionada precisamente con ReactDOM.render is no longer supported in React 18.

Para suprimir esta advertencia, puede actualizar el archivo setupTests.ts presente en su directorio src y escribir el fragmento de esta supresión de advertencia de la siguiente manera:

 import '@testing-library/jest-dom'; //***Add This*** const originalError = console.error; beforeAll(() => { console.error = (...args) => { if (/Warning: ReactDOM.render is no longer supported in React 18./.test(args[0])) { return; } originalError.call(console, ...args); }; }); afterAll(() => { console.error = originalError; });

Esto debería resolver el problema y suprimir las advertencias.

Para una actualización rápida de todas las bibliotecas, puede usar los siguientes comandos:

1. npm install -g npm-check-updates (para actualizar a la nueva versión principal)
2. ncu -u (versiones de actualización en package.json)
3. actualización de npm (o instalación de npm, en caso de que su proyecto no tenga node_modules)