[1.0.0-beta] Button icons do not work: Objects are not valid as a React child (found: object with keys {name, type})

Hello, I am having a problem with button icons, more specifically: I have added a button, and later on tried adding an icon to the button as described in the docs

        <Button 
        text={'Messenger'}
        icon={{name: 'fa-commenting-o', type: 'font-awesome' }}
        onPress={() => navigate('Messneger')} />
        <Button text='YouTube  📺' onPress={() => navigate('YouTube')} />

Unfortunately. the icon doesn’t appear and instead I am getting this red screen:

I am using: CRNA with “react-native-elements”: “^1.0.0-beta”, and, “@expo/vector-icons”: “^6.2.2”,

Here’s a reproduction of the problem https://snack.expo.io/H1DKeg6BG

Thanks.

[xavier-villelegier]

Hey @hilalh, the Button documentation is not updated yet, but will be soon.

You must pass a component to the icon props. You can use the Icon component from RNE for example, by doing this:

<Button 
  text={'Messenger'}
  icon={ <Icon name="fa-commenting-o" type="font-awesome" /> }
  onPress={() => navigate('Messneger')}
/>

[iRoachie]

Thanks!