Missing page

The missing page component can be used to display an error message and "return to homepage" button when an error occurs.

Examples

Basic missing page

A basic missing page component informs users that an error has occurred. It also includes a button link, which users can select to return to the homepage.

We lost that page

Let's find you a new one. Try a new search or return home.

Props

MissingPage

extends EmptyStateProps
*required
NameTypeDefaultDescription
bodyTextstring"Let's find you a new one. Try a new search or return home."The body text for the invalid object message
ouiaIdstring | number"MissingPage"Custom OUIA ID
titleTextstring'We lost that page'The title for the invalid object message
toHomePageTextReact.ReactNode'Return to homepage'The text label for the link that points back to the home page
toHomePageUrlstringwindow.location.originThe URL that the home page link points to