UseLinkReactProps typed incorrectly

[brandongit2]

Which project does this relate to?

Router

Describe the bug

From your source code:

type UseLinkReactProps<TComp> = TComp extends keyof React.JSX.IntrinsicElements
  ? React.JSX.IntrinsicElements[TComp]
  : React.PropsWithoutRef<
      TComp extends React.ComponentType<infer TProps> ? TProps : never
    > &
      React.RefAttributes<
        TComp extends
          | React.FC<{ ref: infer TRef }>
          | React.Component<{ ref: infer TRef }>
          ? TRef
          : never
      >

Notice how you pull out TRef from the props of TComp. TRef would usually be of type Ref<...>. Then you wrap that in React.RefAttributes, which itself wraps the ref in Ref, leading to:

type Props = ... & {
  ref?: Ref<Ref<...>> | undefined;
}

And that double-wrapping leads to type errors.

Your Example Website or App

https://stackblitz.com/edit/github-dhwbicy7?file=src%2Ftypes.tsx

Steps to Reproduce the Bug or Issue

Check out the type error in types.tsx.

Expected behavior

Expected to be able to pass in const ref: Ref<HTMLAnchorElement> without an error

Screenshots or Videos

No response

Platform

[N/A]

Additional context

No response