add RefreshControl to FlatList / SectionList in a simpler way

FlatListWithRefreshControl.tsx

import * as React from 'react';

import { FlatList, FlatListProps, ScrollView, SectionList, SectionListProps } from 'react-native';
import { Debug } from "../../../util";

export function FlatListWithRefreshControl(props: FlatListProps<any>) {
  const { refreshControl, renderScrollComponent: providedComponent, ...rest } = props;
  Debug.assert(refreshControl && !providedComponent, 'only use this when you need to fix refreshControl');

  const renderScrollComponent = (props: {}) => <ScrollView refreshControl={refreshControl} {...props} />;
  return (
    <FlatList
      renderScrollComponent={renderScrollComponent}
      {...rest}
    />
  );
}

export function SectionListWithRefreshControl(props: SectionListProps<any>) {
  const { refreshControl, renderScrollComponent: providedComponent, ...rest } = props;
  Debug.assert(refreshControl && !providedComponent, 'only use this when you need to fix refreshControl');

  const renderScrollComponent = (props: {}) => <ScrollView refreshControl={refreshControl} {...props} />;
  return (
    <SectionList
      renderScrollComponent={renderScrollComponent}
      {...props}
    />
  );
}