Drawer - add the posibility to add an icon from @expo/vector-icons to drawer (leftItem prop for example)

[Inmer]

Hi, thanks for that amazing library. I was trying to add an icon to the left on the drawer component. I have seen that this is possible from the examples:

      drawerProps.leftItem = {
        ...ITEMS.read,
        icon: this.state.unread ? require('../../assets/icons/mail.png') : require('../../assets/icons/refresh.png'),
        text: !this.state.unread ? 'Unread' : 'Read',
        background: this.state.unread ? Colors.green30 : Colors.orange30,
        onPress: this.toggleReadState
      };

But I would like to use an icon from @expo/vector-icons. I tried doing this (this shows only an empty space, the text moves down):

           <Drawer
              leftItem={{
                text: "Delete",
                background: Colors.red30,
                onPress: () => console.log("delete pressed"),
                icon: () => (
                  <MaterialIcons name="delete" size={24} color={Colors.white} />
                ),
              }}
            >

and this (this produces an error):

           <Drawer
              leftItem={{
                text: "Delete",
                background: Colors.red30,
                onPress: () => console.log("delete pressed"),
                icon: <MaterialIcons name="delete" size={24} color={Colors.white} />,
              }}
            >

Can you add this possibility? Thanks!