react-native-gesture-handler/src/handlers/gestures/gesture.ts: child.isClassAccessorProperty

[andy-parinas]

Current behavior

I have this on my code.

import { createDrawerNavigator } from "@react-navigation/drawer";

function DrawerNavigator() { return ( <Drawer.Navigator> <Drawer.Screen name="Categories" component={CategoriesScreen} /> <Drawer.Screen name="Favorites" component={FavoriteScreen} /> </Drawer.Navigator> ); }

When building the javacript bundle, the error shows

Failed building JavaScript bundle. node_modules/react-native-gesture-handler/src/handlers/gestures/gesture.ts: /Users/budgetpetproducts/Sandbox/ReactNative/Udemy/RNCourse3NavRedux/node_modules/react-native-gesture-handler/src/handlers/gestures/gesture.ts: child.isClassAccessorProperty is not a function

Expected behavior

The drawer navigator should work and javascript bundle will not return error when using the drawer navigator

Reproduction

https://github.com/andy-parinas/rn-course-navredux

Platform

• Android
• iOS
• Web
• Windows
• MacOS

Packages

• @react-navigation/bottom-tabs
• @react-navigation/drawer
• @react-navigation/material-top-tabs
• @react-navigation/stack
• @react-navigation/native-stack
• react-native-tab-view

Environment

{
"name": "rncourse3navredux",
"version": "1.0.0",
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web"
},
"dependencies": {
"@expo/webpack-config": "^18.0.1",
"@react-navigation/drawer": "^6.6.2",
"@react-navigation/native": "^6.1.6",
"@react-navigation/native-stack": "^6.9.12",
"expo": "~48.0.15",
"expo-status-bar": "~1.4.4",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-native": "0.71.7",
"react-native-gesture-handler": "2.9.0",
"react-native-reanimated": "~2.14.4",
"react-native-safe-area-context": "4.5.0",
"react-native-screens": "~3.20.0",
"react-native-web": "~0.18.10"
},
"devDependencies": {
"@babel/core": "^7.20.0"
},
"private": true
}

[andy-parinas]

I am no closing this issue. This is cause by an old global expo installation on my Mac. Surprisingly, when I try opening the same application in a windows computer and have to use npx expo start instead of expo start the application works.

I uninstall the global npm expo installation and started using npx expo.

[github-actions]

Hey! This issue is closed and isn't watched by the core team. You are welcome to discuss the issue with others in this thread, but if you think this issue is still valid and needs to be tracked, please open a new issue with a repro.

[andy-parinas]

use npx expo start instead of expo start

[EshuKumar]

todo-app/node_modules/react-native-gesture-handler/src/handlers/gestures/gesture.ts: child.isClassAccessorProperty is not a function getting this error while doing expo publish

"react": "18.2.0", "react-dom": "18.2.0", "react-native": "0.71.8", "react-native-gesture-handler": "~2.9.0", "react-native-reanimated": "~2.14.4", "react-native-svg": "13.4.0", "react-native-vector-icons": "^9.2.0", "react-native-web": "~0.18.10", "typescript": "^4.9.4"
using above packages