<5> some text.. </5> obviously not replacing <Link>

`
import { withRouter, Link } from “react-router-dom”;

<Trans i18nKey="register.alreadySignedup">
      Already signed up? <Link to="/signin">Login here</Link>{" "}
      instead.
 </Trans>

` I want to make this already signed up link with 2 different languages. The problem is the text inside <Link> component stays as text. I want it to appear as link Here is my translations files

tr { "register": { "alreadySignedup": "Zaten üye misin? <5>Buradan giriş yap</5>" } }

// en { "register": { "alreadySignedup": "Already signed up? <5>Login here</5> instead." } }

[jamuhl]

Trans node children (comment is the index):

...you agree to the // 0
<Link to="/terms">Terms of Service</Link> // 1
 and // 2
<Link to="/privacy">Privacy Policy</Link> // 3
. // 4

so translation has to be ... you agree to the <1>Terms of Service</1> and <3>Privacy Policy</3>

https://react.i18next.com/latest/trans-component#how-to-get-the-correct-translation-string

[jamuhl]

ah…there the 5 is coming from…the number reflects the index of child node (Trans -> prop.childrens[i])

For getting that numbers right you might read: https://react.i18next.com/latest/trans-component#how-to-get-the-correct-translation-string