después de un tiempo, estoy creando una aplicación de reacción y acabo de configurar un esqueleto, pero no aparece.

He realizado los pasos, npx create, npm install y start.

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

 import React from "react"; import Main from "./components/Main" const App =()=> { return ( <Main/> ); } export default App;

 import React from "react"; import "./Main.scss"; const Main =()=> { <div id="main"> <div className="gameboard"> </div> <div className="console"> </div> </div> } export default Main;

usando el inspector, no hay divs del componente principal en el navegador. solo la raiz.