Merge pull request #77 from nicholas-l/fix-flow-type

Add test and fix for flowtype for children

src/createGridComponent.js

@@ -18,7 +18,9 @@ type RenderComponentProps<T> = {|
   rowIndex: number,
   style: Object,
 |};
-export type RenderComponent<T> = (props: RenderComponentProps<T>) => React$Node;
+export type RenderComponent<T> = React$ComponentType<
+  $Shape<RenderComponentProps<T>>
+>;
 
 type ScrollDirection = 'forward' | 'backward';
 

src/createListComponent.js

@@ -15,7 +15,7 @@ type RenderComponentProps<T> = {|
   isScrolling?: boolean,
   style: Object,
 |};
-type RenderComponent<T> = (props: RenderComponentProps<T>) => React$Node;
+type RenderComponent<T> = React$ComponentType<$Shape<RenderComponentProps<T>>>;
 
 type ScrollDirection = 'forward' | 'backward';
 

src/test.js.flow

@@ -119,6 +119,21 @@ const assertCustomType = (value: ItemData) => {};
   </VariableSizeList>;
 }
 
+{
+  class Item extends React.PureComponent<{ data: void }> {
+    render() {
+      const { data } = this.props;
+      assertVoid(data);
+      // $FlowFixMe itemData is undefined by default
+      assertEmpty(data);
+      return null;
+    }
+  }
+  <VariableSizeList width={0} height={0} itemSize={0} itemCount={0}>
+    {Item}
+  </VariableSizeList>;
+}
+
 /* FixedSizeGrid */
 
 {
@@ -246,3 +261,25 @@ const assertCustomType = (value: ItemData) => {};
     {Item}
   </VariableSizeGrid>;
 }
+
+{
+  class Item extends React.PureComponent<{ data: void }> {
+    render() {
+      const { data } = this.props;
+      assertVoid(data);
+      // $FlowFixMe itemData is undefined by default
+      assertEmpty(data);
+      return null;
+    }
+  }
+  <VariableSizeGrid
+    width={0}
+    height={0}
+    rowHeight={0}
+    rowCount={0}
+    columnWidth={0}
+    columnCount={0}
+  >
+    {Item}
+  </VariableSizeGrid>;
+}