(NOBRIDGE) ERROR Warning: TypeError: Cannot read property 'bubblingEventTypes' of null | Getting in new architecture

[Prajwaltechversant]

(NOBRIDGE) ERROR Warning: TypeError: Cannot read property 'bubblingEventTypes' of null

This error is located at:
in AutoLayoutView (created by AutoLayoutView)
in AutoLayoutView (created by ScrollComponent)
in RCTView (created by View)
in View (created by ScrollComponent)
in RCTView (created by View)
in View (created by ScrollView)
in RCTScrollView (created by ScrollView)
in ScrollView (created by ScrollView)
in ScrollView (created by ScrollComponent)
in ScrollComponent (created by ProgressiveListView)
in ProgressiveListView (created by StickyContainer)
in RCTView (created by View)
in View (created by StickyContainer)
in StickyContainer (created by FlashList)
in FlashList (created by App)
in RCTView (created by View)
in View (created by App)
in App
in RCTView (created by View)
in View (created by AppContainer)
in RCTView (created by View)
in View (created by AppContainer)
in AppContainer
in AwesomeProject(RootComponent)

[Prajwaltechversant]

{
"name": "AwesomeProject",
"version": "0.0.1",
"private": true,
"scripts": {
"android": "react-native run-android",
"ios": "react-native run-ios",
"lint": "eslint .",
"start": "react-native start",
"test": "jest"
},
"dependencies": {
"@shopify/flash-list": "^1.7.1",
"react": "18.3.1",
"react-native": "0.75.2",
"react-native-walkthrough-tooltip": "^1.6.0"
},
"devDependencies": {
"@babel/core": "^7.20.0",
"@babel/preset-env": "^7.20.0",
"@babel/runtime": "^7.20.0",
"@react-native/babel-preset": "0.75.2",
"@react-native/eslint-config": "0.75.2",
"@react-native/metro-config": "0.75.2",
"@react-native/typescript-config": "0.75.2",
"@types/react": "^18.2.6",
"@types/react-test-renderer": "^18.0.0",
"babel-jest": "^29.6.3",
"eslint": "^8.19.0",
"jest": "^29.6.3",
"prettier": "2.8.8",
"react-test-renderer": "18.3.1",
"typescript": "5.0.4"
},
"engines": {
"node": ">=18"
},
"packageManager": "[email protected]"
}

newArchEnabled=true
hermesEnabled=true

[Prajwaltechversant]

steps to reproduce

1. create a new project with react native
2. Set newArchEnabled=true in android/gradle.properties
3. install flashlist
4. import and create list with flashlist
5. run the project, will get the error

[jeroen-van-dijk]

Make sure you did run pod install from the iOS folder:

https://github.com/react-native-linear-gradient/react-native-linear-gradient?tab=readme-ov-file#troubleshooting

[Prajwaltechversant]

i was running for android only from windows

[vecchiomatias]

Did you find any solution?.. I'm getting the same error but for iOS.

[Prajwaltechversant]

No , i think issue is only if you enable the newArchitecture of react native

[WooMinGy]

@Prajwaltechversant

I'm using
"react-native": "0.75.2",
"@shopify/flash-list": "1.7.1",
"react-native-reanimated": "3.15.1",
among others. As I understand, FlashList has a dependency on Reanimated.

Even if you’re not using Reanimated directly, it might be worth installing it. If you do install Reanimated, don't forget to add 'react-native-reanimated/plugin' to the plugins section of your babel.config.js file!

In my case, I was able to resolve the issue by following these steps:

1. rm -rf node_modules
2. rm pnpm-lock.yaml (I ran this from the root in a monorepo setup. If you're not using a monorepo and using Yarn, remove the yarn.lock file instead)
3. pnpm install (or yarn)
4. pnpm start --reset-cache (to restart Metro)
5. pnpm android (to run the Android app)

[durango]

This issue persist even when newArchitecture is disabled. This solution may work for you:

1. npm i react-native-reanimated react-native-screens react-native-safe-area-context
2. Add {..., plugins: ['react-native-reanimated/plugin']} to the babel.config.js file
3. npx pod-install (or cd ios && pod install)
4. npm run ios

There is most likely a version mismatch somewhere within the dependencies. Here are my versions:

    "react-native-reanimated": "^3.15.3",
    "react-native-safe-area-context": "^4.11.0",
    "react-native-screens": "^3.34.0",

If the above does not work for you, try installing react-native-gesture-handler then repeat steps 3 and 4.

[PedimallaRaju]

I am also facing the issue, Can anyone give me the solution to this

[maukoese]

I've been struggling with this issue for the past one hour, I've realized removing the provider={PROVIDER_GOOGLE} prop the map works just fine, which is unfortunated cause the maps on iOS are not all that.

Hope this helps someone else.

[richkuo]

adding the prop estimatedItemSize with a valid value fixed it for me

[oosunkeye]

I've been struggling with this issue for the past one hour, I've realized removing the provider={PROVIDER_GOOGLE} prop the map works just fine, which is unfortunated cause the maps on iOS are not all that.

Hope this helps someone else.

Thanks, it fixes the problem

[mentesc]

I've been struggling with this issue for the past one hour, I've realized removing the provider={PROVIDER_GOOGLE} prop the map works just fine, which is unfortunated cause the maps on iOS are not all that.

Hope this helps someone else.

Hey @maukoese, did you find a way to switch provider to google