mask search params on all routes

How can I mask search params on all routes?

I've tried:

const searchParamsRouteMask = createRouteMask({
  routeTree,
  params: () => ({}),
});

export const router = new Router({
  routeTree,
  routeMasks: [searchParamsRouteMask],
});

const searchParamsRouteMask = createRouteMask({
  routeTree,
  params: () => ({}),
});

export const router = new Router({
  routeTree,
  routeMasks: [searchParamsRouteMask],
});

This masks the search params on all routes, but introduces a lag in updating the URL when navigating between routes, where the URL will always be 1 click behind the current navigation. Visually everything appears fine.

I've got a reproduction here:
https://codesandbox.io/p/devbox/stoic-cerf-qj7jyh

TanStack•3y ago•

17 replies

living-lavender

mask search params on all routes

How can I mask search params on all routes?

I've tried:

const searchParamsRouteMask = createRouteMask({
  routeTree,
  params: () => ({}),
});

export const router = new Router({
  routeTree,
  routeMasks: [searchParamsRouteMask],
});

const searchParamsRouteMask = createRouteMask({
  routeTree,
  params: () => ({}),
});

export const router = new Router({
  routeTree,
  routeMasks: [searchParamsRouteMask],
});

mask search params on all routes

Similar Threads

mask search params on all routes

Similar Threads

Similar Threads

Similar Threads