Карта React Firebase не является функцией

Question

У меня проблема с тем, что я пытаюсь получить некоторые отчеты, используя Firebase и React.

class Reports extends Component {
 state = {
  reports: []
 }

componentDidMount(){
const myUserId = fire.auth().currentUser.uid;

console.log(myUserId);

let reports = fire.database().ref('clients/' + myUserId + '/Reports/');

reports.on('value', function(snapshot){
  let reportsSnapshot = snapshot.val();
  this.setState({ reports: reportsSnapshot });
  console.log(this.state.reports);
}.bind(this));
}

render(){
  const reports = this.state.reports.map(report => {
    return <Report content={report.content} />
  });
  return (
    <div>
    {reports}
    </div>
  );

Когда я пытаюсь скомпилировать это появляется:

TypeError: this.state.reports.map не является функцией

Как правильно получить его и карту? Это проблема с правильной настройкой состояния?

Заранее благодарю за помощь.