Use Intl object in React Native app

Mar 12, 2023

react native

If you develop an app using React Native you may encounter some errors that you normally won’t experience while developeing a web app.

I recently came across one of these:

ReferenceError: Property 'Intl' doesn't exist.

I used Intl object in a few places in my app. And turn out, Android application won’t recognize this object. Luckily the solution is simple.

If you use React Native 0.60 >=, go to app/build.gradle file.

Find a line:

def jscFlavor = 'org.webkit:android-jsc:+' and replace it with:

def jscFlavor = 'org.webkit:android-jsc-intl:+'.

Also, make sure that you have implemented jscFlavor like this:

dependencies {
  if (enableHermes) {
  } else {
    implementation jscFlavor

Run gradlew clean and then run your app. The error should go away, and you can use Intl now.