Я занимаюсь разработкой ReactJs SSR Application.
client.js
import React from 'react';
import {hydrate} from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import { createStore, applyMiddleware } from 'redux';
const axiosInstance = axios.create({
baseURL: BASE_URL
});
const initialState = fromJS(window.__INITIAL_STATE__) ;
const Store = createStore(
reducers,
initialState,
applyMiddleware(thunk.withExtraArgument(axiosInstance))
);
hydrate(
<Provider store={Store}>
<BrowserRouter>
<div>
{Localstore.get("menu")&&
<Menu categories={Localstore.get("menu")} />}
{renderRoutes(Routes)}
<Footer />
</div>
</BrowserRouter>
</Provider>,
document.querySelector('#root')
);
когда я передаю initialState
на createStore
, мой редукс-модал работает, но mapStateToProps
пуст.
когда я передаю window.INITIAL_STATE
на createStore
, mapStateToProps
показывает реквизит, но модал не работает и показывает ошибку ниже
TypeError: state.merge не является функцией