Use Intl object in React Native app

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.