En mi proyecto ReactJs, implementé ReactRouter V6, hay varias rutas configuradas para la aplicación, por ejemplo, tengo las siguientes rutas:

 <Routes> <Route path="/welcome" element={<SingleArticleById layout={"docs"} articleId={47} />} /> <Route path="/documentation/api/introduction/:endpoint/:articleSlug" element={<Article />} /> <Route path="/documentation/api/:endpoint/:path" element={<SwaggerArticle />} /> <Route path="/documentation/:sectionSlug/:articleSlug" element={<Article />} /> </Routes>

la aplicación funciona bien si permanece en un patrón de ruta similar, como

 /documentation/api/introduction/:endpoint/:articleSlug

pero cuando navega a un patrón de ruta diferente, la aplicación completa se vuelve a cargar como si fuera una redirección nueva a la aplicación por el navegador y no navegada por el enrutador de reacción.

de manera similar si sigues navegando en

 /documentation/:sectionSlug/:articleSlug

la aplicación funciona bien, pero cuando vas a un patrón de ruta diferente, la aplicación se vuelve a cargar.

por favor sugiera una solución sobre esto.