Error

<ErrorComponent> is a route target — mount it on an "error" path and navigate to it (optionally with a message query param) whenever the application cannot continue.

Minimal example

import { Routes } from "@angular/router";
import { ErrorComponent } from "@sinequa/atomic-angular";

export const routes: Routes = [{ path: "error", component: ErrorComponent }];

// Navigating there with a detail message:
router.navigate(["error"], { queryParams: { message: err.message } });

How it works

The page reads message from the current route's query params once, at construction — it is not reactive to further navigation while the component stays mounted. The single action button, "Go to homepage", navigates to / and then calls window.location.reload(): a full reload, not an in-place retry, so a fresh application bootstrap (and a fresh sign-in attempt) starts from scratch.

Options

Pitfalls