I am just curious to know the way to populate extra and extraOptions, and from where the arguments must be passed in order so that they can get populated and can be used then in creating some condition based scenario.…
I am encountering an issue in a custom React hook that uses Redux. The problem is related to the inconsistency of a variable's value inside and outside a function within the same hook. Here's the simplified code: import { useAppSelector…
This is my error handler : export const onAuthQueryStartedErrorToast = async ( _: any, { queryFulfilled }: any, ) => { try { await queryFulfilled; } catch (error) { const isError = error as AuthErrorType; if (isError.error.data) { toast.warn(defineMessage(isError.error.data.message)); }…
I am not able to fetch the single product details through Redux-Toolkit (RTK) Query but get all products is working but not for single product. constants.js: export const BASE_URL='/'; export const PRODUCTS_URL='api/products/'; export const ORDERS_URL='api/orders'; export const USERS_URL='api/users'; export const…
I'am using redux-toolkit in my project and i got this problem I create this reducer: setWaypointToEdit: (state, action: PayloadAction<WaypointToEditPayload>) => { let gridPolygonsData: GridPolygonsData; const { currentArea } = state.areas; gridPolygonsData = { ...state.areas.gridPolygonsData, }; gridPolygonsData[currentArea] = { ...gridPolygonsData[currentArea], waypointToEdit:…
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 created an app that uses the Rick and Morty API to display a list of characters. Additionally, this app should be able to live filter the grid of results. This app also includes the InfiniteFiltering feature. However, I'm…
So basicall I wanted to create a registration process where you give your userName, email (but it can not exist in a database), password and then confirmed password. Project is in nextJS with pages router and typescript. import React, {…
I have an infinite scroll RTK query app that makes endpoint queries and merges the data on each call so the results get concatenated on scroll down. However, on specific calls to this same endpoint, I'd like to invalidate the…
I am working on a project that, like other similar projects has the user stored in the redux state and has a logout redux action. My problem is that when I sign in to the homepage, there are redux actions…