Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

272
Vistas
Illegal constructor using useSelector from react-redux lib?

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)
about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda