GeekyAnts / GeekyAnts/NativeBase

<Item> tag not working

Open
#5,787 0 comments 1 reaction 0 assignees 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

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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.