GeekyAnts / GeekyAnts/NativeBase
<Item> tag not working
- Dominant language
- TypeScript
- Stars
- 20.4k
- Forks
- 2.4k
- PR merge metrics
- No merged PRs in 30d
Description
### Description
gives error as Error: Element type is invalid: expected a string
### CodeSandbox/Snack link
n/a
### Steps to reproduce
this is my package json
"dependencies": {
"@apollo/client": "^3.8.4",
"@aws-amplify/auth": "^5.6.1",
"@aws-amplify/core": "^5.8.1",
"@react-native-async-storage/async-storage": "^1.19.3",
"@react-native-community/geolocation": "^3.0.6",
"@react-native-community/netinfo": "^9.4.1",
"@react-native/gradle-plugin": "^0.72.11",
"@react-native/metro-config": "^0.72.9",
"@react-navigation/native": "^6.1.8",
"@react-navigation/native-stack": "^6.9.14",
"@react-navigation/stack": "^6.3.18",
"amazon-cognito-identity-js": "^6.3.3",
"apollo-boost": "^0.4.7",
"apollo-client": "^2.6.8",
"apollo-link": "^1.2.14",
"apollo-link-state": "^0.4.2",
"aws-amplify": "^5.3.7",
"aws-amplify-react-native": "^7.0.3",
"aws-appsync": "^3.0.3",
"aws-sdk": "^2.656.0",
"css-tree": "^2.3.1",
"doctor": "^0.3.0",
"graphql": "^15.0.0",
"graphql-tag": "^2.10.3",
"link": "^1.5.1",
"metro-react-native-babel-preset": "^0.77.0",
"moment": "^2.27.0",
"native-base": "^3.4.28",
"patch-package": "^8.0.0",
"react": "18.2.0",
"react-apollo": "^2.5.8",
"react-native": "^0.72.4",
"react-native-connectivity-status": "^1.5.2",
"react-native-device-info": "^10.8.0",
"react-native-easy-grid": "^0.2.2",
"react-native-elements": "^3.4.3",
"react-native-fast-image": "^8.3.2",
"react-native-file-viewer": "^2.1.1",
"react-native-gesture-handler": "^2.13.1",
"react-native-gradle-plugin": "^0.71.19",
"react-native-html-to-pdf": "^0.12.0",
"react-native-image-picker": "^5.6.1",
"react-native-reanimated-table": "^0.0.2",
"react-native-responsive-screen": "^1.4.1",
"react-native-s3-upload": "0.0.12",
"react-native-safe-area-context": "^4.7.1",
"react-native-safe-area-view": "^1.1.1",
"react-native-screens": "^3.25.0",
"react-native-svg": "^13.1.0",
"react-native-vector-icons": "^10.0.0",
"rn-fetch-blob": "^0.12.0",
"rn-swipe-button": "^1.2.8",
"styled-components": "^6.0.7"
},
login.js file
import {
Container,
Button,
Card,
Toast,
Text,
View,
Item, Label, Input, Spinner
} from 'native-base';
including tags
gives Error: Element type is invalid: expected a string
### NativeBase Version
3.4.28
### Platform
- [X] Android
- [ ] CRA
- [ ] Expo
- [ ] iOS
- [ ] Next
### Other Platform
react native cli
### Additional Information
ERROR Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
Contributor guide
Research direction
Start with the Item import and usage shown in login.js, then verify the NativeBase 3.4.28 exports in a minimal React Native screen. Reproduce the invalid-element error on Android and confirm whether the reported component renders successfully or the issue is narrowed to the import or package version.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react-native
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 20/100