I have an array of events stored in my Redux state where each event is assigned to a user. I show all users stacked in a timeline with the corresponding events in the same row. For this I created a…
I am currently trying to implement Redux-Toolkit Query for the first time and am facing issue in delete item implementation. As mentioned by other people on this topic, I also face the issue of get item query being called again…
I have form like so It has a parent-child relationship. In the RTK slice, it looks like this: application -> personList (array of person objects) --> assetList (array of asset objects) Example JSON: { application: { personList: [ { id,…
I am trying to set initial state of redux slice with a enum value, but it throws Uncaught TypeError: undefined has no properties. The code is: export const themeTokenSlice = createSlice({ name: "themeToken", initialState: darkThemeToken, reducers: { toggleThemeToken: (state) =>…
I am trying to update the user object's blockedUsers array, while keeping other data not changed. user object can have blockedUsers array or not, it is not certain. In slice I have: reducers: { CHANGE_USER: (state, action) => { state.user.push(action.payload)…
I'm working on redux project that has add to card button and delete item from card. The delete button isn't working and when I check with console.log it's adding item to card. I'm trying to fix it but it's not…
I am stuck on this problem trying to dispatch a state update to the store. This is my productSlice.js import { createSlice } from "@reduxjs/toolkit" const initialState = []; export const productSlice = createSlice({ name: 'product', initialState, reducers: { addpica:…
"I'm using Redux Toolkit in my React application to manage the global state. Everything works fine until I refresh or reload the page, at which point the Redux store state is reset to its initial state. I understand that this…
I'm having trouble using Redux in my React application. Some weird loop behavior occurs when dispatching a specific thunk action from within a useEffect inside a given component, even with an empty dependency array. I've dispatch this action elsewhere in…
In my slice, I have defined the action to be as follows: https://github.com/jasonabanico/RedGranite/blob/main/src/Client/RedGranite.Client.Web/src/app/containers/ItemPage/itemPageSlice.ts export const addItem = createAsyncThunk( 'itemPage/addItem', async (itemInput: ItemInput) => { return await itemService .addItem(itemInput) .catch((err: any) => { console.log("Error:", err); }); }, ) I have also…