title: react native vector icon name property
body: <p>I have a custom component that looks like this:</p>
  
  <pre><code>import Icon from 'react-native-vector-icons/FontAwesome';
  
  export const FieldInput: React.FunctionComponent&lt;FieldInputProps&gt; = ({
    handleChange,
    handleBlur,
    fieldType,
    placeholderText,
    value,
    hidePassword,
    hidePasswordIcon,
    togglePassword,
    icon,
  }) =&gt; {
    return (
      &lt;Item&gt;
        &lt;Icon name={icon} /&gt;
        &lt;Input
          autoFocus={true}
          autoCapitalize="none"
          placeholder={placeholderText}
          keyboardType="default"
          onChangeText={handleChange(fieldType)}
          onBlur={handleBlur(fieldType)}
          value={value}
          secureTextEntry={hidePassword}
        /&gt;
        {togglePassword ? (
          &lt;Icon
            name={hidePasswordIcon}
            onPress={togglePassword}
            style={commonStyles.iconStyle}
            size={moderateScale(20)}
            color="green"
          /&gt;
        ) : null}
      &lt;/Item&gt;
    );
  };
  </code></pre>
  
  <pre><code>&lt;FieldInput style={styles.fieldInput}
                        handleChange={handleChange}
                        handleBlur={handleBlur}
                        value={values.phoneNumber}
                        fieldType="phoneNumber"
                        icon="phone"
                        placeholderText="49152901820"
                      /&gt;
  </code></pre>
  
  <p>Although it functions correctly, I keep getting overloading errors on <code>name</code>from the <code>Icon</code>.</p>
  
  <pre><code>No overload matches this call.
    Overload 1 of 2, '(props: Readonly&lt;IconProps&gt;): Icon', gave the following error.
      Type 'string | undefined' is not assignable to type 'string'.
        Type 'undefined' is not assignable to type 'string'.
    Overload 2 of 2, '(props: IconProps, context?: any): Icon', gave the following error.
      Type 'string | undefined' is not assignable to type 'string'.
        Type 'undefined' is not assignable to type 'string'.ts(2769)
  Icon.d.ts(26, 3): The expected type comes from property 'name' which is declared here on type 'IntrinsicAttributes &amp; IntrinsicClassAttributes&lt;Icon&gt; &amp; Readonly&lt;IconProps&gt; &amp; Readonly&lt;{ children?: ReactNode; }&gt;'
  </code></pre>
  
  <p>How can I fix this? I couldn't find a list/documentation to check the acceptable properties of font awesome icons. </p>