AsyncStorage.js: Unexpected token, expected ";" (40:5)

Hi, I got this error when I am trying to compile:

 Starting compilation in watch mode...
 Found 0 errors. Watching for file changes.
 Starting the development server...
 Failed to compile.
/Users/myuser/Developer/tindev-monorepo/node_modules/@react-native-community/async-storage/lib/AsyncStorage.js
SyntaxError: /Users/myuser/Developer/tindev-monorepo/node_modules/@react-native-community/async-storage/lib/AsyncStorage.js: Unexpected token, expected ";" (40:5)

  38 | }
  39 | 
> 40 | type ReadOnlyArrayString = $ReadOnlyArray<string>;
     |      ^
  41 | 
  42 | type MultiGetCallbackFunction = (
  43 |   errors: ?$ReadOnlyArray<Error>,

Versions:

“@react-native-community/async-storage”: “^1.6.1”, “react-native-web”: “0.11.1”, “react-native”: “^0.60.5”

[AnyByte]

Getting the same error with this code

const storage = Platform.select({
  web: () => require("localforage"),
  android: () => require("@react-native-community/async-storage").default
})();

when compiling for the WEB. I don’t understand why bundler still tries to import it when it clearly shouldn’t. I tried resetting cache, yarn and deleting node_modules folders with no luck. And the only way Im able to make it work is explicitly writing const storage = require("localforage") and removing require("@react-native-community/async-storage") line completely. This is so strange.

Update: resolved my issue by adding path.resolve('../../node_modules/@react-native-community/async-storage') line into babelInclude([]) section in packages/web/config-overrides.js file.

[tido64]

@muazazhar: This issue is probably no longer relevant to the error you’re seeing. We’ve sinced migrated AsyncStorage to TypeScript. If you’re still seeing Flow issues, it’s not because of AsyncStorage.