Welcome to the EpicWeb.dev Workshop app!

This is the deployed version. Run locally for full experience.

Handle Route Errors

πŸ‘¨β€πŸ’Ό If you open and comment in 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>
	)
}