Usage with react native for use-intl

[ScreamZ]

Is your feature request related to a problem? Please describe.

In react native you don't have Intl.PluralRules yet.

https://formatjs.github.io/docs/polyfills/intl-pluralrules/#react-native might help, but still after

// https://formatjs.github.io/docs/polyfills/intl-pluralrules/
import "@formatjs/intl-pluralrules/polyfill-force";
import "@formatjs/intl-pluralrules/locale-data/en";
import "@formatjs/intl-pluralrules/locale-data/fr";

I'm getting an error (NOBRIDGE) ERROR [Error: FORMATTING_ERROR: Cannot read property 'prototype' of undefined] [Component Stack]

here my full setup

import * as Localization from "expo-localization";
import { Settings } from "luxon";
import type { IntlConfig } from "use-intl";
import fr from "./locales/fr.json";
import en from "./locales/en.json";

// https://formatjs.github.io/docs/polyfills/intl-pluralrules/
import "@formatjs/intl-pluralrules/polyfill-force";
import "@formatjs/intl-pluralrules/locale-data/en";
import "@formatjs/intl-pluralrules/locale-data/fr";

Settings.defaultLocale = Localization.getLocales()[0].languageCode ?? "en";
Settings.defaultZone =
	Localization.getCalendars()[0].timeZone ?? "Europe/Paris";

const Translations = {
	fr,
	en,
} as const satisfies Record<string, unknown>;

export const IntlContextConfig: IntlConfig = {
	locale: Settings.defaultLocale,
	messages:
		Translations[Settings.defaultLocale as keyof typeof Translations] ??
		Translations.en,
};

type Messages = (typeof Translations)["en"];

declare global {
	// Use type safe message keys with `use-intl`
	interface IntlMessages extends Messages {}
}

Describe the solution you'd like

I would like a working solution for react native with expo.

Describe alternatives you've considered

Not using plural ? 😅

[ScreamZ]

import "intl-pluralrules";

This library seems to work. Not sure if same performances problems occurs though...

[amannn]

Yep, the runtime requirements are documented.

Please see the existing issues on this topic:

1. use-intl is not working properly with React Native #957
2. React Native: Error: INVALID_MESSAGE: Cannot read property 'prototype' of undefined #415

I also found this: expo/config-plugins#73 (comment)

I'm not up to date with what the best polyfill for React Native is, but maybe the users who have opened the previous threads can help!