React-navigation v5 bottomTab 아이콘 버튼 추가

안녕하세요.
rn으로 처음 앱개발을 하는 중입니다.

현재 위 이미지와 같은 상황이고

코드는 아래와 같습니다.

const MainTabNavigation = () => {
  return (
    <MainTab.Navigator
      tabBarOptions={{
        showIcon: true,
        showLabel: true,
        style: { paddingBottom: 4 },
      }}>
      <MainTab.Screen
        name="HomeStack"
        component={HomeStackScreens}
        options={{
          title: '홈',
          tabBarIcon: ({ focused }) => {
            focused ? <HomeIcon /> : <HomeIcon />;
          },
        }}
      />
      <MainTab.Screen
        name="ReservationStack"
        component={MyInfoStackScreens}
        options={{ title: '내 정보' }}
      />
      <MainTab.Screen
        name="OtherMenuStack"
        component={OtherMenusStackScreens}
        options={{
          title: '더보기',
          tabBarIcon: ({ focused }) => {
            focused ? <HomeIcon /> : <HomeIcon />;
          },
        }}
      />
    </MainTab.Navigator>
  );
};

react-native-vector-icons/FontAwesome5 아이콘은 이미지 가운데처럼 잘나오고있는 상황인데
어디가 문제인지 모르겠습니다…ㅠㅠ

자문 자답입니다…

<MainTab.Screen
    name="HomeStack"
    component={HomeStackScreens}
    options={{
      title: '홈',
      tabBarIcon: HomeIcon,
    }}
  />

이렇게 고치니까 되네요