Смена тэгов в зависимости от атрибутов

Мой компонент CustomLink принимает помимо прочего атрибуты и в нем есть вот такое условие:

const Tag = attrs.href ? 'a' : attrs.activeClassName ? 'NavLink' : 'Link';
return (
    <Tag {...attrs} className={classes}>
        {children}
    </Tag>
)

С тэгом все работает идеально, но как только я пытаюсь отрисовать NavLink, то вижу в DOM (все буквы в нижнем ригистре), что приводит к ошибке... Подскажите, в каком направлении думать? Спасибо!