GeekyAnts / GeekyAnts/NativeBase

App with NativeBase breaking after upgrading to expo 46

Open
#5,223 1 comment 2 reactions 1 assignee Claimed by @Viraj-10 View on GitHub
bug triage v3
Dominant language
TypeScript
Stars
20.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

### Description

App with NativeBase breaking after upgrading to expo 46

### CodeSandbox/Snack link

https://github.com/danielantelo/expo-template-reactrouter-nativebase/tree/expo-46

### Steps to reproduce

1. Launch app
2. Go to [localhost](http://localhost:19006/) on Web browser (chrome)
3. See error on console

```
Uncaught Error: Cannot find module 'react-native-web/dist/exports/StyleSheet/createCompileableStyle'
at webpackMissingModule (useResponsiveQuery.web.ts:2:1)
at ./node_modules/native-base/lib/module/utils/useResponsiveQuery/useResponsiveQuery.web.js (useResponsiveQuery.web.ts:2:1)
at __webpack_require__ (bootstrap:789:1)
at fn (bootstrap:100:1)
at ./node_modules/native-base/lib/module/utils/useResponsiveQuery/index.js (index.ts:1:1)
at __webpack_require__ (bootstrap:789:1)
at fn (bootstrap:100:1)
at ./node_modules/native-base/lib/module/hooks/useStyledSystemPropsResolver.js (useScreenReaderEnabled.ts:36:1)
at __webpack_require__ (bootstrap:789:1)
at fn (bootstrap:100:1)
at ./node_modules/native-base/lib/module/hooks/index.js (index.ts:1:1)
at __webpack_require__ (bootstrap:789:1)
at fn (bootstrap:100:1)
at ./node_modules/native-base/lib/module/components/primitives/Box/index.js (index.ts:150:1)
at __webpack_require__ (bootstrap:789:1)
at fn (bootstrap:100:1)
at ./node_modules/native-base/lib/module/components/composites/AspectRatio/index.js (index.tsx:17:1)
at __webpack_require__ (bootstrap:789:1)
at fn (bootstrap:100:1)
at ./node_modules/native-base/lib/module/components/composites/index.js (index.ts:1:1)
at __webpack_require__ (bootstrap:789:1)
at fn (bootstrap:100:1)
at ./node_modules/native-base/lib/module/index.js (index.tsx:1:1)
at __webpack_require__ (bootstrap:789:1)
at fn (bootstrap:100:1)
at ./App.tsx (App.tsx:1:1)
at __webpack_require__ (bootstrap:789:1)
at fn (bootstrap:100:1)
at ./node_modules/expo/AppEntry.js (AppEntry.js:1:1)
at __webpack_require__ (bootstrap:789:1)
at fn (bootstrap:100:1)
at 1 (routing.tsx:59:1)
at __webpack_require__ (bootstrap:789:1)
at bootstrap:856:1

```

Working fine on IOS, just web is broken.

### NativeBase Version

3.4.9

### Platform

- [ ] Android
- [ ] CRA
- [X] Expo
- [ ] iOS
- [ ] Next

### Other Platform

_No response_

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.