mi página no muestra la página de inicio, pero si solo uso

h1 Página de inicio de prueba h1

en hacer que funcione.

quiero saber donde debo arreglarlo o que estoy haciendo mal gracias por la ayuda

o necesitas ver el otro archivo puedes decirme

Soy un poco nuevo en la programación.

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

este es mi código de página de inicio

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