Estoy tratando de representar la etiqueta h1 cuando sigo la ruta '/', sin embargo, cuando actualizo la página, el texto no aparece. Ya cambié las etiquetas con etiquetas mientras seguía un tutorial anterior. Estoy usando react-router-dom v6.

Página de inicio.Js

 import React, { Component } from "react"; import RoomJoinPage from "./RoomJoinPage"; import CreateRoomPage from "./CreateRoomPage"; import { BrowserRouter as Router, Routes, Route, Link, Redirect } from "react-router-dom"; export default class HomePage extends Component { constructor(props) { super(props); } render() { return ( <Router> <Routes> <Route path='/'> <h1>This is the home page</h1> </Route> <Route path='/join' element={ <RoomJoinPage /> } /> <Route path='/create' element={ <CreateRoomPage/> } /> </Routes> </Router> ); } }

Aplicación.Js

 import React, { Component } from "react"; import { render } from "react-dom"; import HomePage from "./HomePage"; export default class App extends Component { constructor(props) { super(props); } render() { return ( <div> <HomePage /> </div> ); } } const appDiv = document.getElementById("app"); render(<App />, appDiv);