GeekyAnts / NativeBase

Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.

Home Page:https://nativebase.io/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

<Item> tag not working

AmrutaPawar025 opened this issue · comments

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<Item stackedLabel style={{
marginTop: 15
}}>

gives Error: Element type is invalid: expected a string

NativeBase Version

3.4.28

Platform

  • 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.