A bare simple class made for Next.js with static methods to use as a shallow router (triggering changes in the URL without Next acting on them).

shallow-router.tsx

export class ShallowRouter {
  static push(url: string): void {
    window.history.pushState({ ...window.history.state, as: url, url }, '', url);
  }
  static replace(url: string): void {
    window.history.replaceState({ ...window.history.state, as: url, url }, '', url);
  }
}