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

286
Visualizações
You may not call store.getState() while the reducer is executing...(Its not about redux-devtools extension)

LoginModal.jsx

import ...

  const [burgerAnimation, setBurgerAnimation] = useState(false);
  const handleBurgerAnimation = () => {
    setBurgerAnimation(!burgerAnimation);
  };

userSlice.js

import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
import LoginService from "../../Services/Login.service";

export const userSubmit = createAsyncThunk("user/submit", async (params) => {
  try {
    const { submitFunc, submitForm, dispatch, closeModal, navigate, handleBurgerAnimation } = params;
    const { data } = await submitFunc(submitForm);
    dispatch(handleError(null)); // clear error message after
    closeModal();
    navigate("/");

    return {data, handleBurgerAnimation};
  } catch (error) {
    const { dispatch } = params;
    const errorMessage = error.response.data.message;
    dispatch(handleError(errorMessage));
    dispatch(handleStatus("idle"))
  }
});

export const userLogout = createAsyncThunk(...);

export const userRefreshAccessToken = createAsyncThunk(...);

const initialState = {
  userData: {},
  errorResponse: null,
  status: "idle",
};

export const userSlice = createSlice({
  name: "user",
  initialState,
  reducers: {...},
  extraReducers: {
    [userSubmit.pending]: (state, action) => {...},
    [userSubmit.fulfilled]: (state, action) => {

      const {data, handleBurgerAnimation} = action.payload;
      if (data) {
        state.status = "succeeded";
        state.userData = data;
        localStorage.setItem("user", JSON.stringify(action.payload));
        handleBurgerAnimation();
      }
    },
    [userSubmit.error]: (state, action) => {...},
    [userRefreshAccessToken.fulfilled]: (state, action) => {...}
  },
});

export ...

Hi all.I try to close navbar menu in mobile web when user login but when i try to do that i get this error.If i dont use handleBurgerAnimation function in [userSubmit.fulfilled] i dont get this error.What is the reason i cant use handleBurgerAnimation function in extrareducer ? Finally i would appreciate if you could give feedback about my project. Repo : https://github.com/UmutPalabiyik/mook

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