Para mi boda, he creado una pequeña aplicación React para brindar orientación a los invitados: https://louis-et-marianne.com/

Acceder a mi segunda página https://louis-et-marianne.com/dormir solo funciona desde la página de inicio, pero obtengo un 404 cuando accedo directamente a la URL de esta página.

¿Algunas ideas?

Aquí está mi código App.js donde se definen las rutas:

 function App() { return ( <div className="App"> <Wrapper> <ThemeProvider theme={customTheme}> <CssBaseline enableColorScheme /> <Link to="/" style={{ textDecoration: "none" }}> <Hero /> </Link> <Container maxWidth="md"> <Routes> <Route path="/" element={<Accueil />} /> <Route path="/dormir" element={<Dormir />} /> <Route path="*" element={<h1>Page not found.</h1>} /> </Routes> <Box display="flex" alignItems="center" justifyContent="center" mt={6} mb={6} sx={{ transform: "rotate(13deg)" }} > <img src={betise} alt="Bétise de Cambray" width="100px" /> </Box> </Container> </ThemeProvider> </Wrapper> </div> ); }

Y aquí está el proyecto completo en Github: https://github.com/byloupom/l-et-m

¡Gracias!