Actualmente estoy tratando de hacer que mi enrutador principal se active cada vez. No estoy muy seguro de la terminología aquí.

 <BrowserRouter> <Switch> <Route exact path='/browserRouterPath' component={loginComponent}/> <HashRouter> <Route path='/hashRouterPath' component={loginComponent2}/> <Route path='/' component={loggedInComponent}/> </HashRouter> </Switch> </BrowserRouter>

Componente conectado

 <Switch> <Route exact path='/' render={() => ( <Redirect to: {{pathname: '/finalComponent'> }}/> )}> /> ... </Switch>

Mi problema actual es que mis componentes en el hashRouter no están siendo llamados. Cuando logInComponent lo redirige a la nueva ruta, no se llama al hashRouter.

Sin embargo, si elimino el hashRouter en el primer bloque de código. El hashRouter se llama sin incidentes, pero eso rompe el CSS/estilo de los componentes del programa.

¿Hay alguna manera de representar el componente principal cada vez? ¿O hay una solución alternativa que elimine el hashRouter pero mantenga el CSS para mí?