Django react router dom не отображает страницы

моя страница не отображает HomePage но если я использую только

h1 Тестовая домашняя страница h1

в рендере это работает.

я хочу знать, где я должен исправить это или что я делаю неправильно спасибо за помощь

если вам нужно посмотреть другой файл, вы можете сообщить мне

я вроде как новичок в программировании

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);

это код моей домашней страницы

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>
    );
  }
}

Вернуться на верх