Why do I get this error?
TypeError: Illegal constructor
Beow is my store.js file:
import { configureStore, combineReducers } from '@reduxjs/toolkit'
import { persistStore, persistReducer } from 'redux-persist'
import storage from 'redux-persist/lib/storage'
import formReducer from './features/form/form'
import modalReducer from './features/modal-status/modal'
const persistConfig = {
key: 'root',
storage,
}
const rootReducer = combineReducers({
modal: modalReducer,
process: formReducer
})
const persistedReducer = persistReducer(persistConfig, rootReducer)
export default function createStore() {
let store = configureStore({
reducer: persistedReducer,
devTools: true
})
let persistor = persistStore(store)
return { store, persistor }
}
Below is my form reducer code:
import { createSlice } from '@reduxjs/toolkit'
export const formSlice = createSlice({
name: 'process',
initialState: {
type: 'UNKNOWN',
isLogined: false,
username: null,
clientId: null,
avatarUri: null
},
reducers: {
process(state, action) {
if(action.payload.type == 'LOGIN') {
if('username' in action.payload && 'clientId' in action.payload && 'avatarUri' in action.payload) {
return {
...state,
type: 'LOGIN',
isLogined: action.payload.isLogined,
username: action.payload['username'],
clientId: action.payload['clientId'],
avatarUri: action.payload['avatarUri'],
}
}
} else {
return state
}
}
}
})
export const { process } = formSlice.actions
export default formSlice.reducer
And in react component I used useSelector hook like below:
const isLogin = useSelector(state => state.process.isLogined)