Reduxで取得してきたデータがエラーになってしまう

Question

Redux（React）と、Firestoreを使ってユーザーと、それに関連したプロフィール情報を取得して表示しようと考えています。コンソール上では、いずれの値も確認できているのですがなぜか表示しようとすると下記のようなエラーが生じてしまいます。

Cannot read property 'content' of undefined

Firestoreでは、usersと、それに関連したprofilesコレクションをそれぞれ引っ張ってきます。

action部分

export function fetchUser(id) {
  return dispatch => {
    usersRef
      .doc(id)
      .get()
      .then(doc => {
        profilesRef
          .where("uid", "==", id)
          .where("status", "==", doc.data().current_status)
          .get()
          .then(function(querySnapshot) {
            querySnapshot.forEach(function(snapshot) {
              const profileItems = { ...doc.data(), profiles: snapshot.data() };
              dispatch({
                type: FETCH_USER,
                payload: profileItems
              });
            });
          });
      });
  };
}

reducer部分

import { FETCH_USER } from "../actions";

const initialState = {};

export default (state = initialState, action) => {
  switch (action.type) {
    console.log("action", action.payload)
    // ここではUserrも、Profileもちゃんと取れてきているのが確認できている
    case FETCH_USER:
      return action.payload;

    default:
      return state;
  }
};

roooot reducer部分

import { createStore, applyMiddleware, combineReducers } from "redux";
import UsersReducer from "./reducer_users.js";

const rootReducer = combineReducers({
  users: UsersReducer,
});

const store = createStore(rootReducer, applyMiddleware(reduxThunk));
export default store;

● Profile部分は取れてきている。

{content: "Hello world", status: 2}

container部分

function mapStateToProps({ users }) {
  console.log("content", user.profiles.content)
  return { user: users, profiles: user.profiles };
}

ここにきて、冒頭に書いたUndefinedエラーとなってしまっています。そもそも、Firestoreで取り出した時にsnapshooot.data()が配列だから取り出せないのかとも思ったのですが、user.profilesまでは正常に●部分のように表示されています。

強引に、Json化してしまおうと思い、

  const profiles_json = JSON.stringify(users.profiles);
  console.log("test", JSON.parse(profiles_json));

を試してみましたが、Reactではそれは使えないと怒られてしまいました。