Skip to content

Instantly share code, notes, and snippets.

@sunpietro
Created July 25, 2023 12:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sunpietro/0625031ed6aa0aaa429d27c25f350c50 to your computer and use it in GitHub Desktop.
Save sunpietro/0625031ed6aa0aaa429d27c25f350c50 to your computer and use it in GitHub Desktop.
Fixed ForwardRef typing
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.ReactElement
) => (props: P & React.RefAttributes<T>) => React.ReactElement;
// Cast the old `forwardRef` to the new one
export const fixedForwardRef =
forwardRef as FixedForwardRef;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment