HOC that allows to use React hooks with class components.

withHook.tsx

import React, { ReactElement, ComponentType } from 'react';

function withHook<HookReturn extends Record<string, unknown>>(use: () => HookReturn) {
    return <Props extends Record<string, unknown>>(
        Component: ComponentType<Props & HookReturn>,
    ): ComponentType<Props> => {
        const WrappedComponent = (props: Props): ReactElement<Props & HookReturn> => {
            const hookProps = use();

            return <Component {...props} {...hookProps} />;
        };

        WrappedComponent.displayName = Component.displayName || Component.name;

        return WrappedComponent;
    };
}

export default withHook;