Interface RefForwardingComponent<T, P>

Use ForwardRefRenderFunction. forwardRef doesn't accept a "real" component.

interface RefForwardingComponent<T, P> {
    defaultProps?: undefined;
    displayName?: string;
    propTypes?: undefined;
    (props: PropsWithChildren<P>, ref: null | ((instance: null | T) => void) | MutableRefObject<null | T>): null | ReactElement<any, string | JSXElementConstructor<any>>;
}

RefForwardingComponent(props, ref): null | ReactElement<any, string | JSXElementConstructor<any>>
Parameters
- props: PropsWithChildren<P>
- ref: null | ((instance: null | T) => void) | MutableRefObject<null | T>
Returns null | ReactElement<any, string | JSXElementConstructor<any>>
- Defined in node_modules/@types/react/index.d.ts:583

Properties

defaultProps?: undefined

defaultProps are not supported on render functions

displayName?: string

propTypes?: undefined

propTypes are not supported on render functions