dojo dragon main logo

Error outlet

A special outlet called errorOutlet is registered for that will match when the route doesn't match (exact or partial) any outlet in the routing configuration. You can use this outlet to render a widget to inform the user that the route does not exist.

import { create, tsx } from '@dojo/framework/core/vdom';
import Outlet from '@dojo/framework/routing/Outlet';

const factory = create();

export default factory(function App() {
    return (
        <div>
            <Outlet
                id="errorOutlet"
                renderer={() => {
                    return <div>Unknown Page</div>;
                }}
            />
        </div>
    );
});

If there is a default route registered, this will take precedence over the error outlet on the initial application load.