Source : https://twitter.com/mattpocockuk/status/1683414495291486208/photo/1

fixedForwardRef.tsx

import React, { forwardRef } from "react";

// Declare a type that works with
// generic components
type FixedForwardRef = <T, P = {}>(
  render: (props: P, ref: React.Ref<T>) => React.ReactNode
) => (props: P & React.RefAttributes<T>) => React.ReactNode;

// Cast the old forwardRef to the new one
export const fixedForwardRef =
  forwardRef as FixedForwardRef;