withWrappers.tsx

import { ComponentType, FC, PropsWithChildren } from 'react';

const Starter: FC<PropsWithChildren> = ({ children }) => <>{children}</>;

export const withWrappers = (...params: ComponentType<PropsWithChildren>[]) =>
    params.reduce((Previous, Current) => {
        const Wrapped: FC<PropsWithChildren> = ({ children }) => (
            <Previous>
                <Current>{children}</Current>
            </Previous>
        );
        return Wrapped;
    }, Starter);