Route generation does not allow plain template literals anymore after 1.166.31 #7216

Activity

1. schiller-manuel commented on Apr 17, 2026

   

   schiller-manuel

   on Apr 17, 2026

   Collaborator

   More actions

   This was never supported, if so, it was accidentally.
   This string is managed by router generator, derived from the file path / name.

   the error implies that it should work but does not.
   The error needs refinement. It can be a string but without any placeholders.

   We were relying heavily on semi dynamic URLs (we generate routeVarOfferDefinition like consts during prepare step before TanStack Router kicks in)

   Please provide a more detailed description of your process so we could think of a proper way to support this.
2. schiller-manuel

   added

   information neededFurther information is requestedFurther information is requested

   on Apr 17, 2026
3. kompot commented on Apr 17, 2026

   

   kompot

   on Apr 17, 2026

   Last edited by kompot

   Author

   More actions

   We have several dozens of projects based on single code base. And there's business requirement to make paths customizable. The most notable case is that we have 3 types of projects:

   • 1st needs to mount subproductA at path /subproductA and subproductB at /subproductB
   • 2nd needs to mount subproductA at path /subproductA and subproductB at / because subproductB is the main product on current domain and we'd want URLs to be as nice as possible
   • 3rd need to mount subproductA at path / and subproductB at /subproductB because subproductA is the main product on current domain

   So we had a single configuration file like this

   const bothSubproductAreEqual: boolean = someDynamicCondition();
   const subproductAisMain: boolean = someDynamicCondition();
   const subproductBisMain: boolean = someDynamicCondition();
   
   export const routeVars = {
     subproductA: {
       bare: bothSubproductAreEqual || subproductBisMain ? 'subproductA' : '',
       path: bothSubproductAreEqual || subproductBisMain ? '/subproductA' : '',
       definition: bothSubproductAreEqual || subproductBisMain ? '/subproductA' : '',
     },
     subproductB: {
       bare: bothSubproductAreEqual || subproductAisMain ? 'subproductB' : '',
       path: bothSubproductAreEqual || subproductAisMain ? '/subproductB' : '',
       definition: bothSubproductAreEqual || subproductAisMain ? 'subproductB' : '',
     },
   } as const;

   and then we generated fully static set of vars like this

   export const routeVarSubproductABare = '' as const;
   export const routeVarSubproductAPath = '' as const;
   export const routeVarSubproductADefinition = '' as const;
   export const routeVarSubproductBBare = 'casino' as const;
   export const routeVarSubproductBPath = '/casino' as const;
   export const routeVarSubproductBDefinition = '/casino' as const;

   and then routeVar*Path goes into links and routeVar*Definition goes into routes' definition and also into __virtual.ts route definitions.

   The only downside was that route files were not autoupdated when path was to be changed (like once in a year). Other than that — worked flawlessly. Not sure what was the reason to cut down on that.

   Sure we can do symlinking/copying, we did that with react router before but this leads to all sorts of bugs that far overweigh inability to autoupdate paths (as they are checked by TypeScript anyway during compilation).
4. codeart1st commented on Apr 27, 2026

   

   codeart1st

   on Apr 27, 2026

   More actions

   For us this change was not a breaker but a surprise and we need to modify our codebase a bit. We have a base ui package which exports the router /constants. And now since only string literals are allowed, we need to drop the usage of our constants. Makes refactoring a little bit more annoying.
5. schiller-manuel commented on Apr 27, 2026

   

   schiller-manuel

   on Apr 27, 2026

   Collaborator

   More actions

   @kompot i don't understand what you are doing with those subproducts, is it possible to provide a complete example repository that mimics your process?
6. kompot commented on Apr 27, 2026

   

   kompot

   on Apr 27, 2026

   Author

   More actions

   @schiller-manuel kinda like this, I made an example that would make some sense in terms of real world application (sport popularity between countries)
   https://github.com/kompot/tsr-variable-compile-time-path-segments