gifted chatでmessageをDBからFetchしたい（react native）

閲覧いただきまして、ありがとうござますmm

React NativeとFirebaseでチャット機能を実装したいと考えています。
「RNでチャットを実装するならコレ！」というので名高い、gifted chatを使っているのですが最後の最後（？）で詰まってしまっています・・・。（泣

 エラー（困っていること） 

Firebaseに入っているroom（チャットルーム）に入っているmessages（メッセージ一覧）を取ってくることには成功しているが、messageに分けることができない。

 開発環境＆ソースコード

使っているライブラリ（バージョン）は下記となります。

react-native　^0.52.3
react-native-firebase　3.2.2
react-native-gifted-chat　0.4.3

Message.js

/**
* @flow
*
* The Message is a screen to communicate with User
*/
import _ from 'lodash';
import React from 'react';
import { StyleSheet, TouchableOpacity, View, Text, ListView } from 'react-native';
import Icon from '../../ui/components/Icon';
import * as Theme from '../../theme';
import Screen from '../../ui/components/Screen';
import { sendMessage, messagesFetch } from '../../ui/redux/messageActions';
import firebase from 'react-native-firebase';
import { connect } from 'react-redux';
import { GiftedChat, Bubble, Send } from 'react-native-gifted-chat';

const styles = StyleSheet.create({
  headerIcon: {
    paddingHorizontal: 15
  }
});

class Message extends React.Component {
  static navigationOptions = ({ navigation }) => {
    return {
      headerTitle: `${navigation.state.params.room.user.name}`,
      headerLeft: (
        <TouchableOpacity
          onPress={()=> navigation.goBack()}
          style={styles.headerIcon}
        >
          <Icon name='chevron-left' size={28} style={{color: '#fff'}}/>
        </TouchableOpacity>
      ),
      headerStyle: {
        backgroundColor: Theme.PRIMARY,
      },
      headerTitleStyle: {
        color: '#fff',
        fontWeight: 'bold'
      }
    };
  };

  state = {
    messages: [],
  }

  componentWillMount() {
    const room = this.props.navigation.state.params.room;
    this.props.messagesFetch(room);

    this.createDataSource(this.props);
  }

  componentWillReceiveProps(nextProps) {
    this.createDataSource(nextProps);
  }

  createDataSource({ messages }) {
    const ds = new ListView.DataSource({
      rowHasChanged: (r1, r2) => r1 !== r2
    });

    this.dataSource = ds.cloneWithRows(messages);
    // ここまでのmessagesは配列で取ってこれている
    console.log('messages', messages);
  }

  onSend = (message) => {
    const room = this.props.navigation.state.params.room;
    // this.setState((previousState) => ({
    //     messages: GiftedChat.append(previousState.messages, messages),
    // }));
    this.props.sendMessage({
      message,
      room
    });
  }

　// ここでエラーになる（messageが取れてない）
  componentDidMount(message) {
    this.setState((previousState) => {
      return {
        messages: GiftedChat.append(previousState.messages, message),
      };
    });
  };

  render() {
    const { currentUser } = firebase.auth();
    return (
      <Screen>
        <GiftedChat
          messages={this.state.messages}
          onSend={this.onSend.bind(this)}
          user={{
            _id: currentUser.uid
          }}
        />
      </Screen>
    );
  }
}

const mapStateToProps = (state) => {
  const messages = _.map(state.messages, (val, uid) => {
    return { ...val, uid };
  });

  const { text, user, createdAt, _id } = state.messageForm;
  return { text, user, createdAt, _id, messages };
};

export default connect(mapStateToProps, {
  sendMessage,
  messagesFetch
})(Message);

messageActions.js

/**
* Builds an action to request
*/
export const sendMessage = ({ message, room }) => {
  const { currentUser } = firebase.auth();
  return (dispatch) => {
    firebase.database().ref(`/rooms/${room.roomId}/messages/`)
    .push({
      text: message[0].text,
      user: message[0].user,
      createdAt: firebase.database.ServerValue.TIMESTAMP,
    })
    .then(() => {
      dispatch({ type: 'message_create' });
    });
  }
}

/**
* Builds an action to notification fetch action
*/
export const messagesFetch = (room) => {
  return (dispatch) => {
    firebase.database().ref(`/rooms/${room.roomId}/messages/`)
    .once('value', snapshot => {
      dispatch({ type: 'messages_fetch_success', payload: snapshot.val() })
    });
  };
};

 参考ソース

↓ Gifted Chatの著者がやっているチュートリアル
https://www.youtube.com/watch?v=VTnFDc3IFag
https://github.com/FaridSafi/ChatApp

こちらはreduxを使っていないのですが、reduxを使ってできないものかと・・・。
そもそも、このやり方で合っているかの不安もあります（汗）