fix(react-router): remove groups when using createLazyFileRoute (#2220

) fixes #2219
TanStack · Aug 29, 2024 · bac62c5 · bac62c5
1 parent c6a80d6
commit bac62c5
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/packages/react-router/src/fileRoute.ts b/packages/react-router/src/fileRoute.ts
@@ -241,9 +241,16 @@ export function createLazyRoute<
   }
 }
 
+const routeGroupPatternRegex = /\(.+\)/g
+
+function removeGroups(s: string) {
+  return s.replaceAll(routeGroupPatternRegex, '').replaceAll('//', '/')
+}
+
 export function createLazyFileRoute<
   TFilePath extends keyof FileRoutesByPath,
   TRoute extends FileRoutesByPath[TFilePath]['preLoaderRoute'],
 >(id: TFilePath) {
-  return (opts: LazyRouteOptions) => new LazyRoute<TRoute>({ id, ...opts })
+  return (opts: LazyRouteOptions) =>
+    new LazyRoute<TRoute>({ id: removeGroups(id), ...opts })
 }