const Row = (row: { index: number; style: any }) => (
      <div style={row.style}>
        {renderItem({
          item: data[row.index],
          index: row.index
        })}
      </div>
    )

    const ListComponent = (
      <AutoSizer>
        {({ width, height }) => (
          <DynamicSizeList
            height={height}
            itemCount={data.length}
            itemKey={index => keyExtractor(data[index], index)}
            layout={horizontal ? 'horizontal' : 'vertical'}
            width={width}
          >
            {Row}
          </DynamicSizeList>
        )}
      </AutoSizer>
    )

const Row = React.forwardRef<View, { index: number; style: any }>(
      (row, ref) => (
        <View ref={ref} style={row.style}>
          {renderItem({
            item: data[row.index],
            index: row.index,
          })}
        </View>
      ),
    )