Skip to content

[Docs]: Using an Error Boundary in Declarative Move #13281

Open
@mark-monteiro

Description

@mark-monteiro

Describe what's incorrect/missing in the documentation

I am using react-router in 'declarative mode' and I would like to wrap all of my routes in an error boundary, but I can't find any documentation on how to do this.

I am using a layout route, so I tried wrapping the <Outlet/> component in my error boundary. This partially works, but the error stays in place when navigating to a different page that does not have an error. I need the user to be able to navigate away from the page with the error.

I can see that the component has properties defined, errorElement, ErrorBoundary and hasErrorBoundary, but these are undocumented and do not appear to do anything based on my testing.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions