How to format Tootlip values to different Currencies using Intl

[ramspeedy]

I want to be able to format a number that shows up in my Tooltip using Intl.NumberFormat but I'm running into an error when I try to use this function in useDerivedValue. I figured this is a common use case and hoping someone can point out a workaround.

This issue in Reanimated seems to explain the core limitation: software-mansion/react-native-reanimated#1847

[ramspeedy]

Figured out that if you declare the formatter object inside useDerivedValue there is no issue.
Bad:
const formatter = new Intl.NumberFormat(locale)
const value = useDerivedValue(() => {
return formatter.format(state.y[key].value.value)
}, [state])

Good:
const value = useDerivedValue(() => {
const formatter = new Intl.NumberFormat(locale)
return formatter.format(state.y[key].value.value)
}, [state])