This updated version of ForwardRef was created to be used with generics typescript can't infer correctly the type of the reference in this scenario. The downside is that using this function, we will lose the dsiplayName property and some other stuff like defaultProperties. ref: https://fettblog.eu/typescript-react-generic-forward-refs/#option-3%…

FixForwardRef.ts

/**
 * This updated version of ForwardRef was created to be used with generics
 * typescript can't infer correctly the type of the reference in this scenario.
 *
 * The downside is that using this function, we will lose the dsiplayName property
 * and some other stuff like defaultProperties.
 *
 * ref: https://fettblog.eu/typescript-react-generic-forward-refs/#option-3%3A-augment-forwardref
 */
export type FixedForwardRef = <T, P = {}>(
  render: (props: P, ref: React.Ref<T>) => JSX.Element,
) => (props: P & React.RefAttributes<T>) => JSX.Element

export const forwardRef = reactForwardRef as FixedForwardRef