Что такое тип для JSX React 'div | п'?

Я создаю пользовательский компонент и хочу передать имя элемента в качестве реквизита для компонента, например div или p; HTMLElement

Загвоздка в том, что это должен быть блочный или встроенный элемент.

export const MyComponent = props => {
  const currentNode = useRef()
  const { tag: Comp } = props
  return <Comp ref = {currentNode}>Strawberry Kisses!</Comp>
}

Как видите, я разрушаю структуру prop, чтобы получить значение tag (Component) и передаю его как элемент.

В настоящее время интерфейс ниже выдает ошибку

Type '{ ref: MutableRefObject<undefined>; }' is not assignable to type 'IntrinsicAttributes'.
  Property 'ref' does not exist on type 'IntrinsicAttributes'.ts(2322)

interface MyProps extends React.ClassAttributes<MyComponent> {
  tag: string;
}

Мне нужно в основном проверить if (tag == HTMLElement && tag === JSX.IntrinsicElements) { return 'this is the correct type and allow it' }

Любая помощь в направлении приветствуется.