Custom Icon not showing

I’m trying to use a custom icon for my Toast with BaseToast example code. I tried to search for similar issue but could not find the answer. I’m using react-native-vector-icons/FontAwesome5 as Icon. Thank you

import Icon from 'react-native-vector-icons/FontAwesome5';
....
  <BaseToast
      {...rest}
      style={{borderLeftColor: 'pink'}}
      contentContainerStyle={{paddingHorizontal: 15}}
      text1Style={{
        fontSize: 15,
        fontWeight: '400',
      }}
      text1={text1}
      text2={props.uuid}
      leadingIcon={<Icon name="bell" color="green" size="10" />}
      leadingIconStyle={{color: 'green'}}
      onLeadingIconPress={() => console.log('press')}
    />

[calintamas]

@tommycarpi The prop name is renderLeadingIcon. And yes, you can render any valid React component there

[tommycarpi]

Ouch, missed that! Thank you for the great work!