refactor (v11): Remove deprecated 'ForwardFn' type from compat (#4777)

* refactor: Remove deprecated 'ForwardFn' type from compat

* test: Correct type test

Author: rschristian

compat/src/forwardRef.js

@@ -6,7 +6,7 @@ export const REACT_FORWARD_SYMBOL = Symbol.for('react.forward_ref');
  * Pass ref down to a child. This is mainly used in libraries with HOCs that
  * wrap components. Using `forwardRef` there is an easy way to get a reference
  * of the wrapped component instead of one of the wrapper itself.
- * @param {import('./index').ForwardFn} fn
+ * @param {import('./index').ForwardRefRenderFunction} fn
  * @returns {import('./internal').FunctionComponent}
  */
 export function forwardRef(fn) {

compat/src/index.d.ts

@@ -335,14 +335,6 @@ declare namespace React {
 		ref?: preact1.Ref<R> | undefined;
 	}
 
-	/**
-	 * @deprecated Please use `ForwardRefRenderFunction` instead.
-	 */
-	export interface ForwardFn<P = {}, T = any> {
-		(props: P, ref: ForwardedRef<T>): preact1.ComponentChild;
-		displayName?: string;
-	}
-
 	export interface ForwardRefRenderFunction<T = any, P = {}> {
 		(props: P, ref: ForwardedRef<T>): preact1.ComponentChild;
 		displayName?: string;

compat/test/ts/forward-ref.tsx

@@ -1,9 +1,9 @@
 import React from '../../src';
 
-const MyInput: React.ForwardFn<{ id: string }, { focus(): void }> = (
-	props,
-	ref
-) => {
+const MyInput: React.ForwardRefRenderFunction<
+	{ focus(): void },
+	{ id: string }
+> = (props, ref) => {
 	const inputRef = React.useRef<HTMLInputElement>(null);
 
 	React.useImperativeHandle(ref, () => ({