Как установить Component displayName в функции стрелки HOC

Question

Я пытаюсь выяснить, как добавить displayname в мой HOC и удалить комментарий eslint-disable-next-line response / display-name из следующего кода:

const withMyHOC = () => <P extends MyProps>(WrappedComponent: React.ComponentType<P>):
    React.FunctionComponent<P> => {
    // eslint-disable-next-line react/display-name
    return (props: P): ReactElement => (
        <MyComponent>
            {/* eslint-disable-next-line react/jsx-props-no-spreading */}
            <WrappedComponent {...props} />
        </MyComponent>);
};

Я нашел решение ниже:

const withMyHOC = () => <P extends MyProps>(WrappedComponent: React.ComponentType<P>):
    React.FunctionComponent<P> => {
    const innerHOC = (props: P): ReactElement => (
        <MyComponent>
            {/* eslint-disable-next-line react/jsx-props-no-spreading */}
            <WrappedComponent {...props} />
        </MyComponent>);
    return innerHOC;
};

Но я думаю, что это не выглядит хорошо.