Trouble with Global Number Formatters

[valeryq]

Hi Community,

I'm trying to use Global Formatters to format default numbers, but for some reason, they don't seem to work as expected. Here's what I have so far:

// /messages/en.json
{
  "MILES_AWAY": "{distance, number} miles away",
}

// /i18n/request.ts
...
return {
    formats: {
      number: {
        decimal: {
          useGrouping: false,
        },
      },
    },
    locale,
    messages,
  };

Usage:

const t = useTranslations();

{t('COMMON.MILES_AWAY', {
  distance: Math.round(distanceFromUser),
})}

Output: 4,080
but should be 4080

According to the Intl.NumberFormat documentation, decimal is supposed to be the default for all plain number formatting. However, in my setup, the useGrouping: false option doesn’t seem to take effect - numbers are still being grouped.

Has anyone run into a similar issue or can point out what might be going wrong with the global number formatters setup? Any guidance would be greatly appreciated.

P.S. If I use { "MILES_AWAY": "{distance, number, decimal} miles away" } in the translation file - it works well, but I would rather not to add a default (decimal) style to all number variables.