'.globals is not a valid Plugin property

I want to integrate the QR code scanner feature in my react-native-based applications.

so I am installing the react-native-vision-camera package.

According to documentation, I have to add globals __scanQRCodes inside babel.config.js

globals: ['__scanQRCodes']

enter image description here

But after adding globals __scanQRCodes inside babel.config.js. I got BABEL TRANSFORM ERROR .globals is not a valid Plugin property

enter image description here



Solution 1:[1]

we need to define the array as shown in the image below, you miss the square brackets like this:

plugins: [
  [
    'react-native-reanimated/plugin', 
    { globals: ['__scanQRCodes'] }
  ]
]

see this image for proper understand

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Marine Le Borgne