Statically Typed Links not working when passing href

### Verify canary release - [X] I verified that the issue exists in the latest Next.js canary release ### Provide environment information ```bash Operating System: Platform: darwin Arch: x64 Version: Darwin Kernel Version 21.6.0: Mon Dec 19 20:44:01 PST 2022; root:xnu-8020.240.18~2/RELEASE_X86_64 Binaries: Node: 18.15.0 npm: 9.5.0 Yarn: N/A pnpm: N/A Relevant packages: next: 13.2.5-canary.21 eslint-config-next: 13.2.4 react: 18.2.0 react-dom: 18.2.0 ``` ### Which area(s) of Next.js are affected? (leave empty if unsure) App directory (appDir: true), TypeScript ### Link to the code that reproduces this issue https://codesandbox.io/p/sandbox/angry-scott-twxtz4?file=%2F.next%2Ftypes%2Flink.d.ts&selection=%5B%7B%22endColumn%22%3A17%2C%22endLineNumber%22%3A32%2C%22startColumn%22%3A17%2C%22startLineNumber%22%3A32%7D%5D ### To Reproduce I've been trying server components with the new "app" directory with the `typedRoutes: true` config set too `true`. It generates the following: routes definitions in the Next.js folder: ```ts type StaticRoutes = | `/` | `/pokedex` | `/pokedex/create` | `/todo` | `/weather` | `/404.page` | `/404.test` | `/500.test` | `/500.page` type DynamicRoutes<T extends string = string> = | `/pokedex/${SafeSlug<T>}` | `/pokedex/${SafeSlug<T>}/evolutions` | `/pokedex/${SafeSlug<T>}/edit` | `/weather/${SafeSlug<T>}` | `/api/${OptionalCatchAllSlug<T>}` type RouteImpl<T> = | StaticRoutes | `${StaticRoutes}${Suffix}` | (T extends `${DynamicRoutes<infer _>}${Suffix}` ? T : never) ``` I get a TypeScript error in a component called `<Pager>` it creates a two button pagination component: ```tsx import Link from 'next/link'; import { Page } from '../../types'; import { Route } from 'next'; type Props<T extends string> = { page: Page<unknown>; hrefForPage(page: string): Route<T> | URL; }; export function Pager<T e…