//route.js export default props => ( <Router> <Switch> <Route path='/page/index' component={ Frame } /> //for PC <Route path='/mobile/index' component={ Mobile } /> //for mobile </Switch> </Router> ) // js for PC page Route: /page/index export default function Frame(props) { const classes = useStyles(); useEffect(() =>{ if(mobileDevice()) window.location.href='/mobile/index'; },[]); .....

esto da como resultado que la página de la PC se muestre primero al usuario y desaparezca en un instante, no quiero la página parpadeante, no es buena para la experiencia del usuario. como cambiar el codigo....

He intentado usar useLayoutEffect, tampoco funciona.