i18n.services.formatter sometimes shows undefined

[scotttalkbox]

🐛 Bug Report

i18n.services.formatter shows undefined upon loading via useEffect. When I tried to use i18n as the mere dependency, some keys are failed to hydrate

To Reproduce

  useEffect(() => {
    // Check if i18n and all required nested properties exist
    if (i18n?.services?.formatter) {
      i18n.services.formatter.add("lowercase", (value, lng, options) => {
        return value?.toLowerCase();
      });
    }
  }, [i18n.services.formatter]);

Expected behavior

Expected the keys are hydrated correctly without application error

Your Environment

• i18next version: i.e. 22.4.15
• os: Mac

[adrai]

it's undefined if the i18next instance is not initialized yet.