Я использую react-router-dom с react-i18next и сталкиваюсь с некоторыми проблемами с локализованными строками, которые содержат ссылки.
Проблема заключается в попытке локализовать что-то вроде этого
<span>This is a localized string with a <Link to='/'>link</Link> in the middle of it.<span>
Это будет отображаться в компоненте, как этот, но очевидно, что элемент ссылки будет отображаться как необработанный текст.
<span>{t('my-localize-string')}</span>
Самое близкое решение, которое я нашел, это использовать <a href='/'></a> в строке и визуализировать он использует.
<span dangerouslySetInnerHTML={{__html: t('my-localized-string')}}></span>
Это кажется довольно фундаментальным, но я пока не смог понять это.