routes.ts

const routes = {
  home: '/',
  transactions: '/transactions',
  transactionDetails: '/transactions/:uuid',
}

const urls: Record<
  keyof typeof routes,
  { get: (params?: any) => string; route: string }
> = new Proxy(routes, {
  get(target: any, propKey: any) {
    const route = target[propKey]
    return {
      get: (params: Record<string, string>, query?: Record<string, string>) =>
        generatePath(route, params) +
        (query ? `?${new URLSearchParams(query).toString()}` : ''),
      route,
    }
  },
})
    
    
// <Route exact path={urls.home.route}>
//    <HomePage />
// </Route>
    
// <Link href={urls.transactionDetails.get({ uuid: 123 } )} /> // /transactions/123

remix-run/react-router#9826

https://twitter.com/rossipedia/status/1611267684758585344/photo/1