// Initialize i18next as you normally would
i18next.init({
    lng: "en", // if you're using a language detector, do not define the lng option

    fallbackLng: "en",
    debug: true,

    resources: {
        en: {
            translation: {
                // Other stuff....
                asdf: "!!!!!!!!!!!!!!!!!!",
                placeholder: "test",
            },
        },
    },
});
// These are used to trigger a re-rendering since the SDK can't detect the change otherwise.
i18next
    .on("languageChanged", (lng) => SuperTokens.changeLanguage(lng))
    .on("loaded", () => SuperTokens.loadTranslation({}));

export function getApiDomain() {
    const apiPort = process.env.REACT_APP_API_PORT || 3001;
    const apiUrl = process.env.REACT_APP_API_URL || `http://localhost:${apiPort}`;
    return apiUrl;
}

export function getWebsiteDomain() {
    const websitePort = process.env.REACT_APP_WEBSITE_PORT || 3000;
    const websiteUrl = process.env.REACT_APP_WEBSITE_URL || `http://localhost:${websitePort}`;
    return websiteUrl;
}

SuperTokens.init({
    languageTranslations: {
        translationFunc: i18next.t.bind(i18next),
    },
    appInfo: {
        appName: "SuperTokens Demo App", // TODO: Your app name
        apiDomain: getApiDomain(), // TODO: Change to your app's API domain
        websiteDomain: getWebsiteDomain(), // TODO: Change to your app's website domain
    },
    recipeList: [
        ThirdPartyEmailPassword.init({
            signInAndUpFeature: {
                signUpForm: {
                    formFields: [
                        { id: "asfd", label: "asdf", placeholder: "placeholder"}
                    ]
                },
                providers: [Github.init(), Google.init(), Apple.init()],
            },
            emailVerificationFeature: {
                mode: "REQUIRED",
            },
        }),
        Session.init(),
    ],
});

js
languageTranslations: {
      translationFunc: (key: string) => {
        // The string returned by this function will be displayed
        const { t } = useTranslation(['auth', 'common'])
        return t(key)
      },
    },

'auth'

['common', 'auth']

'common'