Navigation

Use router components and hooks for navigation so route matching, active state, preload behavior, query state, and instrumentation stay aligned.

import { Link } from '@plumile/router';

export function Navigation() {
  return (
    <nav>
      <Link to="/" exact activeClassName="active">
        Home
      </Link>
      <Link to="/users/123" activeClassName="active">
        User profile
      </Link>
    </nav>
  );
}

Programmatic navigation should go through router hooks. Avoid direct reads or writes to window.location.search when the route owns typed query or filter state.