Recibí esta advertencia en mi proyecto generada por create-react-app con Typescript y, aunque seguí las instrucciones de Reactjs.org y algunas otras preguntas publicadas en StackOverflow, no pude eliminar la advertencia.
¿Alguien podría explicarme por qué sigo viendo la advertencia relacionada con ReactDOM?
Gracias de antemano.
import { StrictMode } from "react"; import { createRoot } from "react-dom/client"; import reportWebVitals from "./reportWebVitals"; import App from "./App"; const container = document.getElementById("root") const root = createRoot(container!); root.render( <StrictMode> <App /> </StrictMode> ); reportWebVitals(); { "name": "pokedex", "version": "0.1.0", "private": true, "dependencies": { "@chakra-ui/react": "^1.8.8", "@emotion/react": "11", "@emotion/styled": "11", "@testing-library/jest-dom": "^5.16.4", "@testing-library/react": "^13.1.1", "@testing-library/user-event": "^13.5.0", "@types/jest": "^27.4.1", "@types/node": "^16.11.27", "@types/react": "^18.0.5", "@types/react-dom": "^18.0.1", "@types/styled-components": "^5.1.25", "axios": "^0.26.1", "framer-motion": "6", "react": "^18.0.0", "react-dom": "^18.0.0", "react-scripts": "5.0.1", "typescript": "^4.6.3", "web-vitals": "^2.1.4" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] }, "devDependencies": { "@typescript-eslint/eslint-plugin": "^5.20.0", "@typescript-eslint/parser": "^5.20.0", "eslint-plugin-react": "^7.29.4" } }probar :
import { StrictMode } from "react"; import ReactDOM from "react-dom/client"; import reportWebVitals from "./reportWebVitals"; import App from "./App"; const container = document.getElementById("root") as HTMLElement; const root = ReactDOM.createRoot(container);; root.render( <StrictMode> <App /> </StrictMode> ); reportWebVitals();El segundo día, la advertencia desapareció.
Ayer me agaché y reinicié el proyecto, pero la advertencia de ReactDOM seguía mostrándose.
Hoy temprano, hice algunas configuraciones para VSCode que me llevaron a cerrarlo y luego abrí el editor nuevamente. No reinicié Windows10, no es necesario. Después de un período de tiempo noto la desaparición de la advertencia.
¿Podría el reinicio de VScode después de la actualización 'src/index.tsx' ser una solución para este extraño caso?