Estoy tratando de configurar un frontend de reacción con un backend de django y todo está bien, cumple, carga, etc.

El problema al que me enfrento es que mi componente de reacción no puede encontrar el documento index.html real Error de Uncaught ReferenceError: root is not defined

mi aplicación de reacción está construida de la manera estándar

 in ./src/components/App.js //proper imports up here {react, reactDOM} export default function App(){ return ( <h1>hello world</h1> ) } root = reactDOM.createroot(document.getElementById('root)) root.render(<App />)

En mi index.js ubicado en .src/index.js

 import App from './components/App.js'

y mi archivo de configuración de paquete web apunta a este archivo index.js

Sí, me aseguré de que haya un div con una identificación de root en mi HTML repetitivo

El backend de django compila bien, y el uso de webpack/babel parece estar bien en ese extremo. Pero ese error es lo que aparece en la consola de Chrome al cargar.

Las direcciones URL y las vistas están configuradas correctamente y cualquier html/css que agregue a la página se muestra como se esperaba.

Gracias de antemano