react-ruter v6 получить активный подмаршрут

Есть ли способ без использования state получить текущий (активный) подмаршрут?

Например, есть:

<Route path="home/*" element={<Home />}>
    <Route index element={<Main />} />
    <Route path="about" element={<About />} />
</Route>

Хотелось бы иметь хук, который я бы использовал внутри Home примерно такой:

const Home = () =>
    useMyHook().activeSubPath === "about" ? (
        <>
            <h1>We are at about page</h1>
            <Outlet />
        </>
    ) : (
        <Outlet />
    );