IconRenderer prop type incompatible with @expo/vector-icons MaterialIcons

[MigenaaL]

Problem
SectionedMultiSelect's IconRenderer prop expects ReactNode, but MaterialIcons from @expo/vector-icons resolves to a generic Icon<...> type which is not assignable to ReactNode.

Type 'Icon<"label" | "search" | ... 2215 more ..., "material">' is not assignable to type 'ReactNode'.

Environment
react-native-sectioned-multi-select: latest
@expo/vector-icons: latest

TypeScript strict mode
Steps to Reproduce
Import MaterialIcons from @expo/vector-icons
Pass it to
TypeScript reports a type error on IconRenderer
Expected Behavior
IconRenderer should accept icon components from @expo/vector-icons without type errors since this is the most common usage pattern shown in the library's own README.

import { MaterialIcons } from "@expo/vector-icons";

[renrizzolo]

I'm not sure about supporting that type, but in the meantime you should be able to do this:

const IconRenderer = (props) => <MaterialIcons {...props} />

...

IconRenderer={IconRenderer}