Как data.title становится неопределенным?

Question

Почему мой вывод не отображается. Существует экземпляр объекта, который передается в этот компонент ({data}), и у него есть свойство title, которое является строковым значением. Когда I console.log(data.title), вывод является строковым представлением этого свойства. Но с другой стороны, нет видимого рендера в дом.

import React from "react";

/**
 * returns the component for the modal title
 * @param data
 * @returns {*}
 * @constructor
 */
export const HeaderTitle = ({ data }) => {
  console.log(data && data.title); //data.title is truthy here   
                                       //data.title is falsy here
  return <h1 className="header__title">{data && data.title} </h1>;
};

редуктор. js

import { combineReducers } from "redux";
import { movies } from "./movies";

// combine reducers
const reducers = combineReducers({
  movies,
});

export default reducers;

фильмы. js

import { initialState } from "../../_data/index";
const FETCH_DATA = "FETCH_DATA";
const FETCH_RESULTS = "FETCH_RESULTS";
export const movies = (
  state = {
    moviesinfo: [],
    results: initialState,
  },
  action
) => {
  // check action type
  if (action.type === FETCH_DATA) {
    state = { ...state, moviesinfo: action.payload };
  }
  if (action.type === FETCH_RESULTS) {
    state = { ...state, results: action.payload };
  }

  return state;
};

export default movies;