Как в Next JS сделать маршрутизацию в пределах одного компонента?

Question

[GNG999]

Как в Next JS сделать маршрутизацию в пределах одного компонента, как на SPA: слева сайдбар справа блок с конвентом в зависимости от линка сайд бара ?
Сейчас у меня так

'use client'
import DefaultLayout from "@/app/layout/DefaultLayout";
import {Route, Routes} from "react-router";
import {Router} from "react-router";


const Main = () => {
    return <Router>
        <DefaultLayout>
            <Routes>
                <Route
                    index
                    element={
                        <>
                            hello
                        </>
                    }
                />
            </Routes>
        </DefaultLayout>
    </Router>
}

export default Main

Comments

[Алексей Уколов]

Зачем, чем вас не устраивает стандартный роутинг?

[GNG999]

Алексей Уколов, думал так быстрее,
хотя щас организовал обычный роуминг

тоже ниче

[Алексей Уколов]

Использовать Next и не использовать его роутинг — это максимально странная идея.