Tipos

Tipos de navegación

type NavigateFn = (to: string, options?: NavigateOptions) => void;

interface NavigateOptions {
  replace?: boolean;
  state?: unknown;
}

NavigateOptions en detalle

Opción	Tipo	Uso recomendado
replace	boolean	Reemplazar la ruta actual en historial (ej. redirección post-login)
state	unknown	Adjuntar metadatos a la navegación en history state

Tipos de ruta

interface Route {
  path: string;
  component: ReactNode;
}

type RouteParams = Record<string, string>;

Ubicación

interface RouterLocation {
  pathname: string;
  search: string;
  hash: string;
  fullPath: string;
}

RouterProviderProps

interface RouterProviderProps {
  routes: Route[];
  children?: ReactNode;
  notFound?: ReactNode;
  basename?: string;
  layout?: ComponentType<{ children: ReactNode }>;
}

Tipos de Protected

interface AuthState<TUser = unknown> {
  user: TUser | null;
  isLoading: boolean;
}

interface ProtectedConfig<TUser = unknown> {
  states: AuthState<TUser>;
  redirectionPath: string;
  loadingComponent?: ReactNode;
  defaultMessage?: string;
}