Element type is invalid: expected a string (for built-in components) or a class/function (for composite components)

[jahirfiquitiva]

Hi, I'm getting this error with a simple implementation:

 <Dropdown
          label="Gender"
          placeholder="Select Gender"
          options={OPTIONS}
          value={gender}
          onSelect={v => setGender(v || '')}
        />

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.

Check the render method of `Context.Consumer`.

This error is located at:
    in Icon (created by CrossFadeIcon)
    in RCTView (created by View)
    in View (created by Animated(View))
    in Animated(View) (created by CrossFadeIcon)
    in RCTView (created by View)
    in View (created by CrossFadeIcon)
    in CrossFadeIcon
    in RCTView (created by View)
    in View (created by Pressable)
    in Pressable (created by Pressable)
    in TouchableRipple
    in RCTView (created by View)
    in View (created by Animated(View))
    in Animated(View)
    in RCTView (created by View)
    in View (created by Animated(View))
    in Animated(View)
    in Unknown
    in Unknown
    in Unknown (created by Appbar.Action)
    in Appbar.Action (created by DropdownHeader)
    in RCTView (created by View)
    in View (created by Animated(View))
    in Animated(View)
    in RCTView (created by View)
    in View (created by Animated(View))
    in Animated(View)
    in Unknown
    in Unknown (created by Appbar)
    in Appbar (created by Appbar.Header)
    in RCTView (created by View)
    in View (created by Appbar.Header)
    in Appbar.Header (created by DropdownHeader)
    in DropdownHeader
    in RCTView (created by View)
    in View (created by Animated(View))
    in Animated(View)
    in RCTView (created by View)
    in View (created by Animated(View))
    in Animated(View)
    in Unknown
    in Unknown (created by Menu)
    in RCTView (created by View)
    in View (created by Animated(View))
    in Animated(View) (created by Menu)
    in RCTView (created by View)
    in View (created by Menu)
    in ThemeProvider
    in RCTView (created by View)
    in View (created by PortalManager)
    in PortalManager (created by Portal.Host)
    in Portal.Host (created by PaperProvider)
    in RNCSafeAreaProvider (created by SafeAreaProvider)
    in SafeAreaProvider (created by SafeAreaInsetsContext)
    in SafeAreaProviderCompat (created by PaperProvider)
    in PaperProvider (created by ThemeProvider)
    in ThemeProvider (created by UIProviders)
    in UIProviders (created by App)
    in AuthenticatorProvider (created by DataProviders)
    in _QueryClientProvider (created by _PersistQueryClientProvider)
    in _PersistQueryClientProvider (created by DataProviders)
    in Provider (created by DataProviders)
    in DataProviders (created by App)
    in App
    in RCTView (created by View)
    in View (created by AppContainer)
    in RCTView (created by View)
    in View (created by AppContainer)
    in AppContainer
    in PartnerPay(RootComponent), js engine: hermes

[fateh999]

@jahirfiquitiva can you share more context on this

[ninhTKieen]

I also got this error too. import {Dropdown} from 'react-native-paper-dropdown' causes this problem