A component that wraps children with a tag based on the condition

ConditionalWrapper.tsx

import type { ReactNode } from 'react';

interface ConditionalWrapperProps {
    condition: boolean;
    wrapper: (children: ReactNode) => ReactNode;
    children: ReactNode;
}

export default function ConditionalWrapper({
    condition,
    wrapper,
    children
}: ConditionalWrapperProps) {
    return condition ? wrapper(children) : children;
}