React Native: formatRange is undefined

[traed]

Describe the bug
When trying to use something like Interval.fromISO('2022-11-07T09:00Z/2022-11-08T09:00Z').toLocaleString(); in React Native the app crashes with the message that formatRange is undefined. formatRange is used internally by toLocaleString.

To Reproduce
https://snack.expo.dev/@traed/ts-luxon-bug?platform=ios

Actual vs Expected behavior
I expect toLocaleString to not crash.

Desktop (please complete the following information):

• OS: iOS or Android
• Browser: N/A (used in React Native view)
• Luxon version: 3.6.0
• Your timezone: "Europe/Stockholm"

Additional context
This works fine in browsers, but not as part of a React Native view.

[diesieben07]

This is something you'll have to report to React Native, more likely their JS runtime Hermes.
Intl.DateTimeFormat#formatRange is required for Luxon to format an interval.

[dobon]

I dug into this a little last night and confirmed that this is a Hermes problem. Here's a discussion thread explaining the situation: facebook/hermes#1211

and here's the hermes doc file explaining exactly which Intl.DateTimeFormat methods are implemented by platform: https://github.com/facebook/hermes/blob/main/doc/IntlAPIs.md

Based on that discussion thread, it seems that using a polyfill for Intl in your ReactNative app can workaround this problem.

[vitorguima]

Based on that discussion thread, it seems that using a polyfill for Intl in your ReactNative app can workaround this problem.

Were you able to solve it? Do you have more information about this approach?