How to use the react-i18next <Trans> component properly

Question

In their examples on github, and in other places, react-i18next seem to suggest that we should use their Trans component by filling it with some kind of text, which to my understanding does not appear in the resulting app in any way since it gets overwritten by the default locale. What's it for? Is it just there to make sure react doesn't optimize away the components?

Answer 1

An old question, but this fantastic resource here really helped me wrap my head around the <Trans /> component.