El siguiente código ( codesandbox ) produce esta advertencia cuando se navega a la URL raíz:

Representaste descendiente (o llamaste a useRoutes() ) en "/" (bajo <Route path=""> ) pero la ruta principal no tiene "*" al final...

Sin embargo, no se emite ninguna advertencia si navego a "/post/blah".

 import { Routes, Route} from "react-router-dom"; const StreamPage = () => ( <> <Routes> <Route index element={<div /> } /> <Route path="post/:subslug/*" element={<div /> }/> </Routes> <Routes> <Route index element={<div />} /> <Route path="post/:subslug/*" element={<div />} /> </Routes> </> ) export const App = () => ( <Routes> <Route path="/" > <Route path="post/*" element={<StreamPage />} /> <Route index element={<StreamPage />} /> </Route> </Routes> )

Lo sé, podría corregir el código fusionando los dos bloques de Rutas en StreamPage, pero pregunto si este es el comportamiento esperado y, de ser así, ¿qué parte del contrato de uso/API del enrutador de reacción estoy violando? Por ejemplo, ¿no se me permite no tener rutas de índice de hermanos en una ruta de índice? Si no entiendo cuándo/por qué se produce esta advertencia, no podré evitarla en el futuro.

(relacionado con esta pregunta anterior)