Django не показывает правильную страницу с url

вот мой код url:

from django.urls import path
from .views import index

urlpatterns = [

    path('', index),
    path('join', index),
    path('create', index),
    path('join/1', index)
    
]

вот код реакта:

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 exact path='/' element={<p>This is the Home Page</p>} />
                <Route path='/join' element={ <RoomJoinPage /> } />
                <Route path='/create' element={ <CreateRoomPage /> } />
            </Routes>
        </Router>
        );
    }
}

и, чтобы подытожить мою проблему, я не вижу компонент react "RoomJoinPage" при переходе к /join/1.

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