Can I fallback translations if message is missing for a language?

[LarsFlieger]

I have a en.json with:

{
  "name": "Lars",
  "age": 35
}

and a de.json with this:

{
  "name": "Leon"
}

Age is missing in de.json so I get:

IntlError: MISSING_MESSAGE: Could not resolve `age` in messages for locale `de`.

How can I make that it fallbacks to en (my default language). Is this possible?

[amannn]

Sure, please see here: https://next-intl-docs.vercel.app/docs/usage/configuration#messages-fallback

[gerwld]

Sure, please see here: https://next-intl-docs.vercel.app/docs/usage/configuration#messages-fallback

Hello @amannn, first of all, thank you for this library – it's very useful. This merging solution doesn’t seem to be the most straightforward when using 10+ languages in a large project scale. Is there an alternative way to do this? Thanks in advance

[gerwld]

I implemented that feature by using the custom hook, maybe it will be useful for someone too

import { useTranslations as useIntlTranslations } from "next-intl";
import defaultMessages from "@/i18n/locales/en.json";

function getNestedValue(obj, path) {
  return path.split(".").reduce((acc, key) => (acc && acc[key] !== undefined ? acc[key] : undefined), obj);
}

export function useTranslations() {
  const t = useIntlTranslations();
  return (namespace) => {
    const translated = t(namespace);
    return translated !== namespace ? translated : getNestedValue(defaultMessages, namespace) || namespace;
  };
}

Hoever, it doesn't solve the MISSING_MESSAGE error message. Is there any solution for that? To show it only when corresponding key doesn't exist on defaultLocale. Or, just to avoid showing it, as a temporary solution.