PreloadedState not reflecting correctly after multiple combineReducers

Asked Jan 03 '20 at 08:44

Active Jan 03 '20 at 08:56

Viewed 56 times

The state of my application is as follows:

body: { data: [], style: {}}}, block:{}

I have 2 separate reducers for data and style and no reducer for body. Am combining reducers in the following way:

const body = combineReducers({data, styles});
export default combineReducers({
    body,
    block
}) as Reducer<StoreState>;

Am passing the preloaded state as body: {data: [{'data1': 'dataValue1'}], style: {key: value}} The issue is the preloaded state is not reflecting correctly for body. If I give data and styles directly in combineReducers the preloaded data is reflected correctly. Am unable to understand what am I missing. What is the correct way to achieve this behavior?

edited Jan 03 '20 at 08:56

asked Jan 03 '20 at 08:44

jsdev

['data1': 'dataValue1'] is it a valid syntax, i think you are trying to create a object – Learner Jan 03 '20 at 08:53
yes correct, edited the question. Basically am trying to reflect the preloaded state when I have the above hierarchy. However, its not able to apply it when I try it via the above way. – jsdev Jan 03 '20 at 08:57
are you getting the initial state – Learner Jan 03 '20 at 08:58
yes, I get the initial state and all actions henceforth update the state correctly. – jsdev Jan 03 '20 at 09:00
is it fixed or still the issue is there – Learner Jan 03 '20 at 09:45
the issue is still there. Preloaded state is not updated when I combine reducers in the above way – jsdev Jan 03 '20 at 09:57
after combining how is the object – Learner Jan 03 '20 at 10:05
body: { data: [], style: {}}}, block:{} this is the final object – jsdev Jan 03 '20 at 11:40
can you create a minimum reproducable code in codesandbox it will be helpful – Learner Jan 03 '20 at 12:16

PreloadedState not reflecting correctly after multiple combineReducers

0 Answers0