Invariant Violation : Tried to get frame for out of range index NaN

Olá, segue meu código :

import React from 'react';
import { StyleSheet, Text, View,Image,Dimensions,ScrollView,FlatList } from 'react-native';
import Post from './components/Post'


export default class App extends React.Component {

  constructor() {
    super();
    this.state = {
        fotos: []
    }
}

  componentDidMount() {
    fetch('https://instalura-api.herokuapp.com')
        .then(resposta => resposta.json())
        .then(json => this.setState({fotos: json}));
}

  render() {

  return (
      <FlatList style={{marginTop: 20}}
          keyExtractor={item => String(item.id)}
          data={this.state.fotos}
          renderItem={ ({item}) =>
              <Post foto={item}/>
          }
      />
  );
}
}

Eu não entendi porque ele está dando esse erro, sendo que a lista fotos foi criada,mesmo que vazia, deveria funcionar não ?