Getting many flow errors in version 0.5.3 and RN 0.60

Bug report

Summary

Flow throws about 60 errors related to this package. Is this expected? Maybe it’s due to the fact that your flow config is not up to date?

An extract from the error logs:

$ flow --show-all-errors .
Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/@react-native-community/checkbox/dist/CheckBox.ios.js:11:26

Property __extends is missing in global object [1].

      8│  * @format
      9│  */
     10│ 'use strict';
 [1] 11│ var __extends = (this && this.__extends) || (function () {
     12│     var extendStatics = function (d, b) {
     13│         extendStatics = Object.setPrototypeOf ||
     14│             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||


Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/@react-native-community/checkbox/dist/CheckBox.ios.js:14:27

Cannot use empty array literal [1] as a prototype. Expected an object or null.

     11│ var __extends = (this && this.__extends) || (function () {
     12│     var extendStatics = function (d, b) {
     13│         extendStatics = Object.setPrototypeOf ||
 [1] 14│             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
     15│             function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
     16│         return extendStatics(d, b);
     17│     };


Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/@react-native-community/checkbox/dist/CheckBox.ios.js:14:70

Mutating this prototype is unsupported.

     11│ var __extends = (this && this.__extends) || (function () {
     12│     var extendStatics = function (d, b) {
     13│         extendStatics = Object.setPrototypeOf ||
     14│             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
     15│             function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
     16│         return extendStatics(d, b);
     17│     };


Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/@react-native-community/checkbox/dist/CheckBox.ios.js:24:25

Property __assign is missing in global object [1].

 [1] 11│ var __extends = (this && this.__extends) || (function () {
       :
     21│         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     22│     };
     23│ })();
     24│ var __assign = (this && this.__assign) || function () {
     25│     __assign = Object.assign || function(t) {
     26│         for (var s, i = 1, n = arguments.length; i < n; i++) {
     27│             s = arguments[i];


Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/@react-native-community/checkbox/dist/CheckBox.ios.js:33:33

A spread argument is unsupported here.

     30│         }
     31│         return t;
     32│     };
     33│     return __assign.apply(this, arguments);
     34│ };
     35│ var __rest = (this && this.__rest) || function (s, e) {
     36│     var t = {};


Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/@react-native-community/checkbox/dist/CheckBox.ios.js:35:23

Property __rest is missing in global object [1].

 [1] 11│ var __extends = (this && this.__extends) || (function () {
       :
     32│     };
     33│     return __assign.apply(this, arguments);
     34│ };
     35│ var __rest = (this && this.__rest) || function (s, e) {
     36│     var t = {};
     37│     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
     38│         t[p] = s[p];


Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/@react-native-community/checkbox/dist/CheckBox.ios.js:42:19

Cannot assign computed property using Symbol [1].

     node_modules/@react-native-community/checkbox/dist/CheckBox.ios.js
     39│     if (s != null && typeof Object.getOwnPropertySymbols === "function")
     40│         for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     41│             if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
     42│                 t[p[i]] = s[p[i]];
     43│         }
     44│     return t;
     45│ };

     /private/tmp/flow/flowlib_37553ac1/core.js
 [1] 55│     static getOwnPropertySymbols(o: mixed): Symbol[];


Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/@react-native-community/checkbox/dist/CheckBox.ios.js:46:32

Property __importDefault is missing in global object [1].

 [1] 11│ var __extends = (this && this.__extends) || (function () {
       :
     43│         }
     44│     return t;
     45│ };
     46│ var __importDefault = (this && this.__importDefault) || function (mod) {
     47│     return (mod && mod.__esModule) ? mod : { "default": mod };
     48│ };
     49│ Object.defineProperty(exports, "__esModule", { value: true });


Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/@react-native-community/checkbox/dist/CheckBox.ios.js:50:20

Cannot call __importDefault because:
 • property __importDefault of unknown type [1] is not a function.
 • a call signature declaring the expected parameter / return type is missing in global object [2].

 [1] 46│ var __importDefault = (this && this.__importDefault) || function (mod) {
     47│     return (mod && mod.__esModule) ? mod : { "default": mod };
     48│ };
     49│ Object.defineProperty(exports, "__esModule", { value: true });
 [2] 50│ var nullthrows_1 = __importDefault(require("nullthrows"));
     51│ var react_1 = __importDefault(require("react"));
     52│ var react_native_1 = require("react-native");
     53│ var IOSCheckBoxNativeComponent_1 = __importDefault(require("./IOSCheckBoxNativeComponent"));


Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/@react-native-community/checkbox/dist/CheckBox.ios.js:51:15

Cannot call __importDefault because:
 • property __importDefault of unknown type [1] is not a function.
 • a call signature declaring the expected parameter / return type is missing in global object [2].

 [1] 46│ var __importDefault = (this && this.__importDefault) || function (mod) {
     47│     return (mod && mod.__esModule) ? mod : { "default": mod };
     48│ };
     49│ Object.defineProperty(exports, "__esModule", { value: true });
     50│ var nullthrows_1 = __importDefault(require("nullthrows"));
 [2] 51│ var react_1 = __importDefault(require("react"));
     52│ var react_native_1 = require("react-native");
     53│ var IOSCheckBoxNativeComponent_1 = __importDefault(require("./IOSCheckBoxNativeComponent"));
     54│ // @ts-ignore setAndForwardRef type does not exist in @types/react-native


Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/@react-native-community/checkbox/dist/CheckBox.ios.js:53:36

Cannot call __importDefault because:
 • property __importDefault of unknown type [1] is not a function.
 • a call signature declaring the expected parameter / return type is missing in global object [2].

 [1] 46│ var __importDefault = (this && this.__importDefault) || function (mod) {
     47│     return (mod && mod.__esModule) ? mod : { "default": mod };
     48│ };
     49│ Object.defineProperty(exports, "__esModule", { value: true });
     50│ var nullthrows_1 = __importDefault(require("nullthrows"));
     51│ var react_1 = __importDefault(require("react"));
     52│ var react_native_1 = require("react-native");
 [2] 53│ var IOSCheckBoxNativeComponent_1 = __importDefault(require("./IOSCheckBoxNativeComponent"));
     54│ // @ts-ignore setAndForwardRef type does not exist in @types/react-native
     55│ var setAndForwardRef_1 = __importDefault(require("react-native/Libraries/Utilities/setAndForwardRef"));
     56│ var CheckBox = /** @class */ (function (_super) {

...

Environment info

react-native info output:

System:
    OS: macOS Mojave 10.14.6
    CPU: (8) x64 Intel(R) Core(TM) i5-8279U CPU @ 2.40GHz
    Memory: 189.59 MB / 16.00 GB
    Shell: 5.3 - /bin/zsh
  Binaries:
    Node: 10.14.2 - ~/.nvm/versions/node/v10.14.2/bin/node
    Yarn: 1.22.4 - ~/.yarn/bin/yarn
    npm: 6.4.1 - ~/.nvm/versions/node/v10.14.2/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  SDKs:
    iOS SDK:
      Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1
    Android SDK:
      API Levels: 23, 27, 28, 29
      Build Tools: 27.0.3, 28.0.3, 29.0.2, 29.0.3
      System Images: android-21 | Google APIs Intel x86 Atom_64, android-28 | Google APIs Intel x86 Atom, android-29 | Google APIs Intel x86 Atom
      Android NDK: 21.0.6113669
  IDEs:
    Android Studio: 3.6 AI-192.7142.36.36.6392135
    Xcode: 11.3.1/11C504 - /usr/bin/xcodebuild
  npmPackages:
    react: 16.8.6 => 16.8.6
    react-native: 0.60.0 => 0.60.0
  npmGlobalPackages:
    react-native-cli: 2.0.1

Library version: 0.5.3

Steps to reproduce

1. Setup a RN 0.60 project (haven’t tested on newer versions)
2. Install this package and optionally add a checkbox component somewhere
3. yarn flow

Describe what you expected to happen:

No flow errors should appear.

[nicholaslee119]

RN 0.60 was only supported by Checkbox 0.3 Please use the 0.3 for RN 0.60

[v-almonacid]

@nicholaslee119 feel free to close the issue. I cannot confirm the fix since I’m not using this package (for now).