Creé una aplicación de reacción completamente nueva para probar esto yo mismo porque uno de mis amigos estaba enfrentando este problema. Código de aplicación.js ->
function App() { useEffect(() => { console.log('on init gets called'); }, []); return ( <> Hello my first react app </> ); } export default App;No hay ningún otro componente presente en la aplicación. El siguiente es el código index.js ->
const root = ReactDOM.createRoot(document.getElementById('root')); root.render( <React.StrictMode> <App /> </React.StrictMode> );console.log presente en useEffect se imprime dos veces cuando cargamos la aplicación por primera vez. Quiero que se imprima solo una vez.
Un ajuste que funcionó para mí -> Se eliminó el modo estricto de reacción y funciona normalmente. No estoy seguro de si puede haber otras soluciones a esto o por qué estaba sucediendo.