Typescript - using a withTheme component with FlatList props, it generates compilation errors

Current behaviour

When using a withTheme component for rendering inside a FlatList (props: renderItem, ListHeaderComponent), it generates a compilation error

[ts]
Type 'ComponentType<Pick<IProps, never> & DeepPartial<Theme>>' is not assignable to type 'ReactElement<any> | ComponentClass<any, any> | (() => ReactElement<any>)'.
  Type 'StatelessComponent<Pick<IProps, never> & DeepPartial<Theme>>' is not assignable to type 'ReactElement<any> | ComponentClass<any, any> | (() => ReactElement<any>)'.
    Type 'StatelessComponent<Pick<IProps, never> & DeepPartial<Theme>>' is not assignable to type '() => ReactElement<any>'.

Expected behaviour

I believe it should be possible to use withTheme components for props in a FlatList

Code sample

import * as React from "react";
import { TextInput, withTheme } from "react-native-paper";
import { FlatList } from "react-native";

interface IProps {
  theme: any;
}

class MyComponent extends React.Component<IProps> {
  state = {
    text: ""
  };

  render() {
    return (
      <TextInput
        label="Email"
        value={this.state.text}
        onChangeText={text => this.setState({ text })}
      />
    );
  }
}

class ShowFlatList extends React.Component {
  render() {
    return (
      <FlatList
        data={[1, 2, 3, 4]}
        ListHeaderComponent={withTheme(MyComponent)} // index.d.ts(3864, 5): The expected type comes from property 'ListHeaderComponent' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes<FlatList<number>> & Readonly<{ children?: ReactNode; }> & Readonly<FlatListProps<number>>'
        renderItem={withTheme(MyComponent)} // index.d.ts(3864, 5): The expected type comes from property 'ListHeaderComponent' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes<FlatList<number>> & Readonly<{ children?: ReactNode; }> & Readonly<FlatListProps<number>>'
      />
    );
  }
}

Your Environment

software	version
ios or android	both
react-native	0.57.2
react-native-paper	2.1.2
node	10.11.0
npm or yarn	6.4.1
typescript	3.1.1
tsc	3.0.3

[Esemesek]

I still need to merge #584, with new types for withTheme, but I think this is the problem of @types/react-native package. If you look closely on FlatList types (https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react-native/index.d.ts#L3849), properties aren’t annotated with React.ComponentType, which has React.ComponentClass and React.StatelessComponent in it. withTheme returns React.ComponentType which is not compatible with react-native types.

EDIT: If you try the same with with ItemSeparatorComponent property in FlatList everything will work, because this prop has correct types.

[Esemesek]

Fixed in https://github.com/DefinitelyTyped/DefinitelyTyped/pull/29543 C: