Не срабатывают Routes, Route, Navigate с пакета react-router-dom

Работаю с нодой не так давно и не знаю всех тонкостей. Методом пробы и вывода понял что не выводит данные написанные в тегах Routes, Route, Navigate которые импортирую с пакета react-router-dom. Подскажите, как можно это решить?

import React from 'react';
import {Routes, Route, Navigate} from 'react-router-dom';
import {LinksPage} from './pages/LinksPage';
import {CreatePage} from './pages/CreatePage';
import {DetailPage} from './pages/DetailPage';
import {AuthPage} from './pages/AuthPage';
 
export const useRoutes = isAuthenticated => {
    if (isAuthenticated){
        return(
            <Routes>
                <Route path="/links" element={<LinksPage />}></Route>
                <Route path="/create"  element={<CreatePage />}></Route>
                <Route path="/detail/:id"  element={<DetailPage />}></Route>
                <Navigate to="/create"/>
            </Routes>
        )
    }
 
    return(
        <Routes>
            <Route path="/" element={<AuthPage />}></Route>
            <Navigate to="/" />
        </Routes>
    )
}