typescript - NextJS typRutter och Generics


Vi har aktiverat den experimentella typedRoutes i NextJS:

const nextConfig = {
  ...
  experimental: {
    typedRoutes: true,
  },
};

Allt detta fungerar bra. Jag har till och med lyckats få komponenter att acceptera typkontrollerade URL:er:

function InfoSection<T extends string>({
  editHref
}: {
  editHref: Route<T>;
}) {
  ...
  return (
    ...
    <Link href={editHref}>Edit</Link>
    ...
  );
}

Men jag förstår tydligt inte TypeScript-generics tillräckligt väl. Varför fungerar detta inte?

function test<T extends string>(companySlug: string): Route<T> {
  return `/profile/${companySlug}/company-details`;
}

Jag får höra att Typ '/profile/${string}/company-details' inte kan tilldelas typen 'Route'. Jag antar att eftersom det är en mallsträng är det lite annorlunda, men jag är helt lost...