ConditionalWrap.tsx

type ConditionalWrap<T> = {
  children: React.ReactNode
  condition: boolean
  Wrap: T
  wrapProps?: T extends React.ComponentType<infer P> ? P : object
}

const ConditionalWrap = <T extends React.ElementType>({
  children,
  condition,
  Wrap,
  wrapProps,
}: ConditionalWrap<T>) =>
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  condition ? <Wrap {...(wrapProps as any)}>{children}</Wrap> : children

export default ConditionalWrap