Autocompletion and type-safe with typescript

Just checked next-intl library and amazed that it has support for typescript integration and autocompletion out of the box

https://next-intl-docs.vercel.app/docs/usage/typescript

so that we can have type-safe and autocompletion in our t Function t("home.title")

I’m not sure if next-i18next supports this already or not, because I couldn’t find any step on how to do this in next-i18next issues or description.

Is there some way to do this? or even maybe this case isn’t necessary? Because I think it would be convenient to have this

[TrebuhD]

This should do the trick (next-i18next.d.ts)

// import the original type declarations
import "react-i18next";

// import all namespaces (for the default language, only)
import type en from "@public/locales/en/common.json";

declare module "react-i18next" {
  // and extend them!
  interface CustomTypeOptions {
    // custom resources type
    resources: {
      common: typeof en;
    };
  }
}

[adrai]

related: https://github.com/i18next/react-i18next/issues/1530 https://github.com/i18next/react-i18next/issues/1500 https://github.com/i18next/react-i18next/issues/1333