Catalyst: Types for NextJS with experimental.typedRoutes: true

[tordans]

The Catalyst docs explain how to modify the link components to work with NextJS in https://catalyst.tailwindui.com/docs#integrating-with-next-js

However, when statically type links are active in NextJS https://nextjs.org/docs/app/building-your-application/configuring/typescript#statically-typed-links the types need to be differnt.

For link.tsx I found that … works.

export const Link = React.forwardRef(function Link<R extends string>(
  props: LinkProps<R> & Omit<React.ComponentPropsWithoutRef<'a'>, 'href'>,
  ref: React.ForwardedRef<HTMLAnchorElement>
) {

But now I need to update the types for TableRowContext. Also PaginationPage.

Anyone figured all this out already?

---

vercel/next.js#50611 (reply in thread) has some hints but it is unclear how to weave those types through catalyst.