Как исправить: неожиданные ключи ... найдены в аргументе preloadedState, переданном в createStore. Ожидается ли найти один из известных ключей редуктора вместо этого в Redux?

Question

Я должен подать заявку на Redux-React. Используя метод fetch, я беру данные API и выводю их на страницу (список самолетов, вылетающих в аэропорт). Также должен быть поисковый фильтр, ищущий название терминала. И в приложении также должны быть кнопки для вчерашнего, сегодняшнего и завтрашнего дня данных самолета и их дочерних кнопок - вылета и прилета.

Но в консоли такая ошибка:

Неожиданные клавиши «день»«data», «FilterData», «Search», «Shift» найдены в аргументе preloadedState, переданном в createStore. Предполагается найти вместо этого один из известных ключей редуктора: "propReducer". Неожиданные ключи будут игнорироваться.

Код:

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';
import App from './components/app';
import reducer from './reducers';
import thunk from 'redux-thunk'
import { ConnectedRoot } from './components/app';

const store = createStore(          
  reducer,
  {
    day: 1,
    data: [],
    filteredData: [],
    search: "",
    shift: "departure"
  },
  applyMiddleware(thunk)
);

ReactDOM.render(
  <Provider store={store}>
    <ConnectedRoot />
  </Provider> , document.getElementById('root'));

Answer 1

Измените предварительно загруженное состояние на dis *

const store = createStore(
  reducer, 
  {
    propReducer: {
      day: 1,
      data: [],
      filteredData: [],
      search: "",
      shift: "departure"
    }
  }
 ,
  applyMiddleware(thunk)
);

Предварительно загруженное состояние должно совпадать с вашим объектом состояния. Вы не можете просто предоставить ключи напрямую.