react-i18next:: You will need to pass in an i18next instance by using initReactI18next

[zhyd1997]

Found a bug? Please fill out the sections below. 👍

Issue Summary

A summary of the issue. This needs to be a clear detailed-rich summary.

Steps to Reproduce

1. cd apps/web
2. yarn dev
3. visite localhost:3000
4. check logs on terminal
   Any other relevant information. For example, why do you consider this a bug and what did you expect to happen instead?

Actual Results

• What's happening right now that is different from what is expected

Expected Results

• This is an ideal result that the system should get after the tests are performed
  no such warnings

Technical details

• Browser version, screen recording, console logs, network requests: You can make a recording with Bird Eats Bug.
• Node.js version
• Anything else that you think could be an issue.

Evidence

• How was this tested? This is quite mandatory in terms of bugs. Providing evidence of your testing with screenshots or/and videos is an amazing way to prove the bug and a troubleshooting chance to find the solution.

[linear]

CAL-6369 react-i18next:: You will need to pass in an i18next instance by using initReactI18next

[zhyd1997]

in my opinion, it is caused by missing some dependencies.

[Vibgitcode27]

@zhyd1997 I don't think it is because of missing dependencies. The error specifically states 'You will need to pass in an i18next instance by using initReactI18next' which points to a configuration issue. Server-side translations were working fine, but client-side React components using useTranslation() couldn't find a properly initialized instance. Fixed it by adding global i18next initialization in the useLocale hook.