FlatList TypeError: undefined is not an object (evaluating 'props.getItem')

🐛 Bug Report

Any <FlatList> in my app now throws this error in IOS and Android TypeError: undefined is not an object (evaluating ‘props.getItem’) it’s similar to : https://github.com/facebook/react-native/issues/21154

it’s not just yellowbox, it’s happening for any and all lists (FlatList, SectionList) in my app. i’m not sure if this is related, but everthing went south after installing and linking https://github.com/react-native-community/react-native-webview

To Reproduce

RNCA add a bunch of other modules (see info below) use a FlatList

Expected Behavior

A nice and robust FlatList component in my app

Code Example

even the ‘Minimal Example’ breaks: <FlatList data={[{key: 'a'}, {key: 'b'}]} renderItem={({item}) => <Text>{item.key}</Text>} />

Environment

React Native Environment Info: System: OS: macOS High Sierra 10.13.4 CPU: (4) x64 Intel® Core™ i5-6267U CPU @ 2.90GHz Memory: 26.21 MB / 8.00 GB Shell: 3.2.57 - /bin/bash Binaries: Node: 10.15.3 - /usr/local/bin/node Yarn: yarn install v0.27.5 [1/4] Resolving packages… success Already up-to-date. Done in 1.57s. - /usr/local/bin/yarn npm: 6.4.1 - /usr/local/bin/npm Watchman: 4.7.0 - /usr/local/bin/watchman SDKs: iOS SDK: Platforms: iOS 11.4, macOS 10.13, tvOS 11.4, watchOS 4.3 Android SDK: API Levels: 22, 23, 24, 25, 26, 27, 28 Build Tools: 23.0.1, 23.0.2, 23.0.3, 25.0.0, 25.0.1, 25.0.2, 25.0.3, 26.0.1, 26.0.2, 27.0.0, 27.0.1, 27.0.2, 27.0.3, 28.0.0, 28.0.3 System Images: a…google_apis | Google APIs Intel x86 Atom Sys…, a…google_apis | Google APIs Intel x86 Atom Sys…, a…s_playstore | Google Play Intel x86 Atom Sys…, a…google_apis | Google APIs Intel x86 Atom Sys… IDEs: Android Studio: 3.1 AI-173.4720617 Xcode: 9.4.1/9F2000 - /usr/bin/xcodebuild npmPackages: react: 16.8.3 => 16.8.3 react-native: 0.59.2 => 0.59.2 npmGlobalPackages: create-react-native-app: 1.0.0 react-native-cli: 2.0.1 react-native-vector-icons: 4.3.0

[ddinggu]

react-native 0.59.8 I removed ['@bab el/plugin-proposal-class-properties', { loose: true }] and works fine.

[filipencus]

Thank you @dulmandakh for taking your time to check it. I installed a new clean project with RN 0.59.1 and its working, but my current project was not.

So I removed “mobx” from babel.config and now its working. react-native start --reset-cache

` BEFORE module.exports = { “presets”: [“module:metro-react-native-babel-preset”,“mobx”], “plugins”: [ [“@babel/plugin-proposal-decorators”, { “legacy”: true }] ] }

AFTER: module.exports = { “presets”: [“module:metro-react-native-babel-preset”], “plugins”: [ [“@babel/plugin-proposal-decorators”, { “legacy”: true }] ] } ` I guess there is a conflict when using RN and mobx together…