在反应路由器v6中重定向？

Question

I have defined routing in my application like

            <Route path="/settings/*" element={<AccountSettings />}>

and in one of my components I defined another route like

 <Route
          path="security"
          element={< Example />>

Everything is being routed correctly, in this example /settings/security However I want user to be redirected to /settings/profile whenever user hits this component?

Is there a way to default the routing to be /settings/profile? (I've tried useEffect but that seems very inefficient)

Answer 1

        <Route path="/settings/*" element={<AccountSettings />}></Route>
        <Route
          path="/settings"
          element={<Navigate to="./profile" />}
        ></Route>