#react Router

2 messages · Page 1 of 1 (latest)

kindred trout
# 
export default function Error() {
    const error = useRouteError()
    return (
        <div>
            <h1>Error Page</h1>
            <h2>{error.data}</h2>
            <Link to='/'>Back to Homepage</Link>
        </div>
    )
}

what type would you give to the error variable here since it is react-router-dom

kindred trout
#

I got it, here is the solution:

import { Link, useRouteError, isRouteErrorResponse } from "react-router-dom";

export default function Error() {
    const error = useRouteError()
    console.log(error)
    if (isRouteErrorResponse(error)) {
        return (
            <div>
                <h1>Error Page</h1>
                <h2>{error.data}</h2>
                <Link to='/'>Back to Homepage</Link>
            </div>
        )
    }
}