How to load your own state slice

When loading your own state slice into ipa-core, the slice file must be added into the following location: packages/ipa-core/src/redux/slices

We will use an example of the Modal slice to illustrate how to configure a state slice in Redux.

This file was added into packages/ipa-core/src/redux/slices

import { createSlice } from "@reduxjs/toolkit";
const initialState = {    component: undefined,    props: undefined,    open: false,}
const slice = createSlice({    name: 'modal',    initialState,    reducers: {        setModal: (state, {payload: {component, props, open}}) => {            state.component = component            state.props = props            if(_.isBoolean(open)) {                state.open = open            }        },        setOpen: (state, {payload}) => {            state.open = payload;        },        destroy: (state) => {            state.component = initialState.component;            state.props = initialState.props;            state.open = initialState.open;        },    }})
export default slice.reducer;
export const actions = slice.actions;

We then must add this to our main.js file located at:packages/ipa-core/src/redux

import * as modal from './slices/modal'
const redux = {   ...    Modals: {        ...modal.actions    }}
export default redux

We also add to add it to our frameworkReducers object in store.js located at: packages/ipa-core/src/redux

import modal from './slices/modal'
const frameworkReducers = {    ...    modal}