My code flow is that a user fills the form and submits it which goes to action calling the API and then it returns the postId and stores it in the reducer. Now my main React component has useSelector to…
I've been using Redux for few time and i'm struggling with a Thunk answer... In my slice, I'm calling an async function "handleBoxDeliveryAsync" extraReducers: (builder) => { builder .addCase(handleBoxDeliveryAsync.fulfilled, (state, action) => { if (state.scanMode === "remove") { return; }…
I have the code below but it gives error: const fetchData = (name) => { return async (dispatch) => { dispatch(fetchDataRequest()); await axios .get(url) .then((response) => { data = response; }) .catch((error) => { data = []; }); return data;…
I call register, the function is executed, but it's internal dispatch function is not executed,. Register import React, { Component } from "react"; import { Link, Navigate } from 'react-router-dom'; import { connect } from 'react-redux'; import { register }…
Below is the CreateCoursePage component where I use react-redux to manage the state after some database operations. However dispatch(CreateCourse(course) statement inside mapDispatchToProps throws this exception: TS2345 (TS) Argument of type '(dispatch: Dispatch) => void' is not assignable to parameter of…
I have a hook that I use in my components to access an external resource that is fetched through Ajax and saved in the Redux store. What I want is for this hook to handle fetching the resource if it's…
Ok so I need the message redux state to receive the message from the emailChange api call. Im new to this so keep that in mind. This is my function from my auth slice actions export const emailChange = createAsyncThunk(…
I have setup redux store using redux-toolkit library. This is index.ts const createStore = () => configureStore({ reducer: rootReducer, devTools: false, middleware: getDefaultMiddleware => { const middleware = getDefaultMiddleware({ immutableCheck: false, serializableCheck: false, }); if (process.env.NODE_ENV !== "production") { middleware.push(logger);…
So I'm getting Uncaught Error: when using a middleware builder function, an array of middleware must be returned This is my code import { configureStore, compose, combineReducers, applyMiddleware } from "@reduxjs/toolkit"; import thunk from "redux-thunk"; const rootReducer = combineReducers({}); const…
I just can't wrap my head around this. I've seen some examples of performing async operations inside of Redux, for example fetching data with createAsyncThunk. Why can't we just implement fetchPosts() in a regular react component? Is it because of…