Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

271
Visualizações
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 à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda