I created a Store using the Redux toolkit. I set up each and everything to look similar to what the official docs tell, but I am still facing the following error Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers. here is my… Read More Store does not have a valid reducer in React JS

Profile Slice: import { createSlice, createAsyncThunk } from ‘@reduxjs/toolkit’ import { IMAGE_API, ACCESS_KEY } from "../../app/utils/constant"; export const getImages = createAsyncThunk(‘images’, async () => { return fetch(`${IMAGE_API + ACCESS_KEY}`).then((res) => res.json() ) }) console.log(IMAGE_API + ACCESS_KEY); const ProfilePicSlice = createSlice({ name: ‘imageList’, initialState: { images: [], loading: false, }, extraReducers: (builder) => { builder.addCase(getImages.pending, (state)… Read More access store data from one slice to another slice in redux toolkit to pass custom param in API

In this application, I am trying to delete post but, I am seeing action.payload is undefined in the console. The action.payload is defined in the addPost function. I cannot understand why it is undefined in the deletePost method. I am a beginner in using react and redux toolkit. Pardon if the question is lame. Excerpt… Read More Redux Toolkit – action.payload is: undefined

Currently learning how to use RTK with typescript. I have 2 slices, one that I’ve made with RTK query to fetch data (called apiSlice.ts), and another that uses createSlice to handle synchronous state change for my todo app (called snackbarSlice.ts). The initial state I’ve set in the snackbarSlice are not being saved to the store… Read More Initial state for my rtk slice is not being saved in store as expected?

I am new to coding and I am trying to learn redux toolkit but I don’t succeed in fetching data from PokeAPI. I wanted to retrieve data from PokeAPI but the query I am doing is rejected and I can’t figure out why. In my DevTools for Redux I see "executeQuery/rejected". I’ve also pushed the… Read More Problem with my first Redux Toolkit exercises

hi I am getting an error about redux-toolkit.I don’t know why it is showing me error and I have uploaded full error: Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers. A non-serializable value was detected in an action, in the path: register.… Read More Redux-toolkit: Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers

I’m building a bibliothek service using mainly react, redux-toolkit and react-router. I would like to add a dynamic route, which is a page that displays the details of the clicked book. This route should be reachable from the Home page, where I have some cover book images, and the Catalogue page, where the entire list… Read More React Router v6 – access nested routes and correct way to handle an url written by hand

Want to open and close the navigation drawer by clicking on the navbar icon this is inside header component and storing the value in slice using redux toolkit that is in util.js <img src={NavIcon} alt="" className="icon nav-icon colapse-icon" onClick={() => { setDrawer(!drawer); !drawer ? dispatch(drawerOpneClose(true)) : dispatch(drawerOpneClose(false)); }} /> Util.js slice code import { createSlice… Read More Reducers is not updating the state in redux toolkit

i am using Redux-toolkit-query to fetch data from server. Now i want to call my query on button click,not automatically.I tried this but it’s not working. const { data, refetch } = useGetBuisnessAreasQuery({ enable: false, refetchOnWindowFocus: false, manual: true, refetchOnReconnect: false, }); >Solution : You have to use the lazy query hook: const [ trigger,… Read More How to call Redux-toolkit-query Manually on button click

I am a complete newbie in using Redux/Redux Toolkit and am working on writing a small application. My current store and reducer setup looks something like below: const store = configureStore({ reducer: rootReducer }) … … const rootReducer = combineReducers({ settings: SettingsReducer, user: UserReducer, }) I have written SettingsReducer and UserReducer something like below: const… Read More Does reducers added via combineReducers use Immer for state updates?