Tengo un problema con las rutas de anidamiento dentro de la ruta. El componente de usuario tiene pestañas y quiero mostrar componentes basados en direcciones URL como esta /profile/:userid/about y /profile/:userid/posts y /profile/:userid.
<Routes> <Route path="/" element={<HomePage/>}/> <Route path="profile/:username/*" element={<ProfilePage/>}/> <Route path="login" element={<Login/>}/> <Route path="register" element={<Register/>}/> </Routes>Rutas de perfil
<ProfileContentWrapper className='rightPanel'> <PorfileTabs/> <Routes> <Route path='/about' render={() => <ProfileAbout/>}/> <Route path='/posts' render={() => <ProfilePosts/>}/> </Routes> </ProfileContentWrapper>También debe usar la ruta completa en ProfileContentWrapper.
<Route path='profile/:username/about' render={() => <ProfileAbout/>}/> <Route path='profile/:username/posts' render={() => <ProfilePosts/>}/>Está bien. Encontré un problema en react-router v6 useRouteMatch se reemplaza con useMatch. En v6 necesito pasar el patrón de ruta a useMacht("profile/:username/")