Cuando algo sale mal y hay un error en el código, se le muestra un stack trace al usuario final. En su lugar, debería salir algo que respete el lenguaje visual de la aplicación y a su vez nos de la información necesaria para que si nos mandan un screenshot podamos replicar este error.
[ ] Existe un componente llamado ErrorBoundary donde se despliega la información del error, instrucciones de a dónde mandar el error y un botón para regresar a la página anterior. Tiene la ruta donde
[x] Se le asigna el componente previamente definido a la propiedad errorElement de la ruta base en el archivo src/routes.jsx
Estándares de código
Las variables usan CamelCase y tienen nombres descriptivos
Se utilizó prettier para asegurarse de respetar el formato de código definido
Los mensajes de los commits explican qué se hizo en menos de 50 caracteres
En caso de modificar algo en src/shared esto se menciona en el Pull Request
Descripción
Cuando algo sale mal y hay un error en el código, se le muestra un stack trace al usuario final. En su lugar, debería salir algo que respete el lenguaje visual de la aplicación y a su vez nos de la información necesaria para que si nos mandan un screenshot podamos replicar este error.
Diseño de la página de error
Referencias
https://stackoverflow.com/questions/49130876/how-to-integrate-error-boundary-in-components-routed-using-react-router https://reactrouter.com/en/main/route/error-element
Criterio de Aceptación
Estándares de código
src/sharedesto se menciona en el Pull Request