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

[hammadxoho]

Getting this 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 "TabBarIcon".

Following is the code i have:- issue in the build for ios

import React from 'react';
import {createStackNavigator, createBottomTabNavigator, createSwitchNavigator} from 'react-navigation';
import {Alert} from 'react-native';
import { FontAwesome } from "react-native-vector-icons";

I was using Expo.io before and it worked all fine, but after ejecting and removing expo completely (not using expokit), i am starting to get these issues

[satya164]

Make sure you're passing a valid react component. Closing this since it's most likely an issue with your code. If you believe it's an issue in the library, please create a new issue with a reproducible example.

[AkihikoITOH]

@hammadxoho I've encountered a similar issue with MaterialCommunityIcons, and this fixed the issue for me.

I might be completely wrong here as I started doing anything with react-native and react-navigation just yesterday, but perhaps the examples in the documentation such as https://reactnavigation.org/docs/bottom-tab-navigator#example need to be updated accordingly.

[vishalseshagiri]

For newbies like me trying this on android seeing an error for import { Icon } from 'react-native-vector-icons/dist/FontAwesome';
this should be a default import like this import Icon from ...
see this really helpful post on stackoverflow https://stackoverflow.com/a/56419701/6254414

[Daniel730]

I had the same problem. The issue was that I was doing wrong the import.
Should be like this: import Ionicons from 'react-native-vector-icons/Ionicons'
Instead of this: import Ionicons from 'react-native-vector-icons'

[github-actions]

Hey! This issue is closed and isn't watched by the core team. You are welcome to discuss the issue with others in this thread, but if you think this issue is still valid and needs to be tracked, please open a new issue with a repro.