Handle Route Errors
👨💼 If you open and
uncomment one of the errors Kody 🐨 added for you,
then try loading , you'll notice the error
looks pretty bad. We definitely want to customize that!
Could you please add an
ErrorBoundary component
to so we can handle
errors that happen there in our app?Please make sure to log the error in the console with
console.error so we can
see what's going on in our debugging.As a reminder, here's an example of what an error boundary looks like:
import { useRouteError } from '@remix-run/react'
export function ErrorBoundary() {
const error = useRouteError()
console.error(error)
return (
<div>
<h1>Oh no!</h1>
<p>Something bad happened! Sorry!</p>
</div>
)
}