Имя динамического тега стилизованного компонента

Я хочу сделать динамический компонент. (динамический ТЕГ будет стилизованным компонентом -> эмоция)

const Dynamic = ({ tag: Tag, children, ...rest }) =>
   <Tag {...rest}>
      { children }
   </Tag>

Компонент будет стилизованным, например:

const Column = styled(div)({ color: 'red' })
const Row = styled(span)({ color: 'yellow' })

Все выглядит красиво и работает правильно, БУУУУУТ:

Когда я пытаюсь использовать DynamicComponent внутри другого DynamicComponent:

<DynamicComponent tag = {Row}>
   {
      mapOver.map(item=>
         <DynamicComponent tag = {Column}/>
      )
   }
</DynamicComponent>

тогда по какой-то причине динамические дочерние элементы будут использовать стиль динамического родителя.

Что мне не хватает?

P.S .:

Если вместо использования динамических стилей я сделаю что-то вроде этого:

<Row>
   <Column/>
</Row>

затем правильно применяются стили, classNames, стилизованные теги.

Чтобы было немного понятнее:

Как вы можете видеть, DynamicComponent будет использовать родительские стили, имена классов, стилизованные теги ... (НЕ ТАКОЕ ПОВЕДЕНИЕ, КОТОРОЕ Я БЫЛА ОЖИДАЕМ)