feat: safe building route urls

Author: js2me

.changeset/polite-tables-swim.md

@@ -0,0 +1,5 @@
+---
+"mobx-route": minor
+---
+
+added `fallbackPath` parameter for cases when `path-to-regexp` thrown an error

.changeset/quiet-candles-happen.md

@@ -0,0 +1,5 @@
+---
+"mobx-route": minor
+---
+
+safe building route urls using `path-to-regexp` lib

src/core/config/config.types.ts

@@ -8,4 +8,5 @@ export interface RouteGlobalConfig {
   mergeQuery?: boolean;
   createUrl?: UrlCreateParamsFn;
   formatLinkHref?: (href: string) => string;
+  fallbackPath?: string;
 }

src/core/route/route.ts

@@ -343,7 +343,14 @@ export class Route<
       routeConfig.get().createUrl?.(defaultUrlCreateParams, this.query.data) ??
       defaultUrlCreateParams;
 
-    const path = this._compiler(this.processParams(urlCreateParams.params));
+    let path: string;
+
+    try {
+      path = this._compiler(this.processParams(urlCreateParams.params));
+    } catch (e) {
+      console.error('Error while compiling route path', e);
+      path = this.config.fallbackPath ?? routeConfig.get().fallbackPath ?? '/';
+    }
 
     const url = `${urlCreateParams.baseUrl || ''}${this.isHash ? '#' : ''}${path}`;