jellyfin-web/src/routes/index.tsx

import React from 'react';
import { Route, Routes } from 'react-router-dom';

import ConnectionRequired from '../components/ConnectionRequired';
import NewUserPage from './NewUserPage';
import SearchPage from './search';
import UserProfilesPage from './UserProfilesPage';

const AppRoutes = () => (
    <Routes>
        <Route path='/'>
            <Route
                path='search.html'
                element={
                    <ConnectionRequired>
                        <SearchPage />
                    </ConnectionRequired>
                }
            />
            <Route
                path='usernew.html'
                element={
                    <ConnectionRequired>
                        <NewUserPage />
                    </ConnectionRequired>
                }
            />
            <Route
                path='userprofiles.html'
                element={
                    <ConnectionRequired>
                        <UserProfilesPage />
                    </ConnectionRequired>
                }
            />
            {/* Suppress warnings for unhandled routes */}
            <Route path='*' element={null} />
        </Route>
    </Routes>
);

export default AppRoutes;