React Decorator as High order component without class

ModuleDecorator.tsx

import React from 'react'
import { IAsyncAppDispatch } from 'my-package'

export interface IHandlers {
  onSuccess: IAsyncAppDispatch['onSuccess']
  onError: IAsyncAppDispatch['onError']
}

export interface DefaultFormProps {
  handlers?: IHandlers
}

export interface IDefaultHeaderProps {
  header?: {
    onClose?: () => void
    loading?: boolean
  }
}

export interface IModuleFormDecoratorProps {
  wrapper: React.FC<React.PropsWithChildren<IHandlers>>
}

function notImplementedHandler() {
  console.info('[form]: method not implemented')
}

/**
 * @param WrappedComponent
 * @param options
 * @returns The ModuleFormDecorator function
 * returns a new component with default onSuccess and onError handlers.
 * The type of the returned component is the same as the type of WrappedComponent.
 */

function ModuleFormDecorator<P>(
  EnhancedComponent: React.ComponentType<P>,
  options: IModuleFormDecoratorProps
) {
  const { wrapper: WrapperComponent } = options
  const ModuleFormWrapper: React.FC<P & DefaultFormProps> = (props) => {
    const onSuccess = props?.handlers?.onSuccess || notImplementedHandler
    const onError = props?.handlers?.onError || notImplementedHandler

    return (
      <WrapperComponent onSuccess={onSuccess} onError={onError}>
        <EnhancedComponent {...props} />
      </WrapperComponent>
    )
  }

  return React.memo(ModuleFormWrapper)
}

/**
 * ModuleFormDecorator is a higher-order function that
 * takes a component as input and returns a
 * new component that enhances the input component
 * with default onSuccess and onError handlers.
 */
export default ModuleFormDecorator