Prevent infinite re-renders by memoizing the useTranslation hook

[ajmnz]

This PR aims to prevent infinite re-renders when adding the t function in the useEffect dependency array.

const { t } = useTranslation("ns");

useEffect(() => {
   // ...
}, [t]);

A reproducible demo of the issue is available on CodeSandbox.
Remove the t function from the dependency array to stop it from re-rendering

The issue can be completely prevented by memoizing the return value of the useTranslate hook.

---

I see this was once added by #574, but got removed because of #604. I believe this needs to somehow be reintroduced in the library, to avoid being overriding eslint rules constantly.

[aralroca]

Sorry, I deleted the canary branch and I close the PR. I open again.

[bmvantunes]

Hello @aralroca, sorry to bother you with this question :)

Are there plans to merge this PR? It would be nice for one use case I'm facing right now.

[aralroca]

@all-contributors add @ajmnz for code

[allcontributors]

@aralroca

I've put up a pull request to add @ajmnz! 🎉

[duc-gp]

there was a known issue stated by the author and with this PR the same issue is introduced again. I opened a issue here #834