Calling a JSX event handler explicitly

const handleFocus = (e: FocusEvent) => {
        // perform some operation

        props.onFocus?.(e)
    }

const handleFocus = (e: FocusEvent) => {
        // perform some operation

        props.onFocus?.(e)
    }

This expression is not callable.
Not all constituents of type 'FocusEventHandlerUnion<HTMLInputElement, FocusEvent>' are callable.
Type 'BoundEventHandler<HTMLInputElement, FocusEvent, FocusEventHandler<HTMLInputElement, FocusEvent>>' has no call signatures.