Category "react-redux"

in React, is <input value={func(item.foo)} a performance problem?

I may be mixing best practices between React and Angular... in React, does this incur performance penalties or memory issues? I know it's not good practice. In

I'm trying to implement Infinite Scrolling in a React application using the IntersectionObserver API but i'm running into some issues

I'm trying to implement infinite scrolling and it's supposed to work by getting data in pages from the API...and then using the IntersectionObserver API, checki

Take a picture and after successfully receiving a response I we need to call the endpoint - REACT NATIVE

I have a screen where on click on image I need to open camera and take photo, I successfully open camera, take a picture but when I need to call the endpoints i

Accessing previous state within a useDispatch method

How do I access previous state inside the callback function in react? Because once I access data it is always returning an initial state version, since I use us

Redux Toolkit: How can I store a serialized action creator in state?

Question I am using Redux Toolkit and I want to store an action creator in state. When I do this, I receive an error regarding non-serializable values in my act

createAsyncThunk redux toolkit with typescript rejecWithValue and Payload types error

I'm trynig to implement authentifiaction slice in redux toolkit with typescript, but typescript is complaining about rejectWithValue error type and the action p

Trying to refactor React App to React-Redux issue w/ volume slider

I've been doing freecodecamps Drum Machine app. I was able to complete the app completely with React but I made a copy to try and get familiar with using react-

TypeError: undefined is not an object (evaluating 'state.favoriteBooks.findIndex')

Every time I press the favorites button it gives me an error. TypeError: undefined is not an object (evaluating 'state.favoriteBooks.findIndex') This error oc

How we can maintain the state of logged in and loggedout users and share that state to homepage in react redux

Here after successfull login im directing to homepage. But how can show whether the user is logged in or loggedout in homepage.here i have attached my codesanbo

CypressError cy.visit() failed trying to load https://example.cypress.io/todo

i created cypress project for that i run npm init -y to generate package.json file then npm i cypress to create a cypress project. then opened it via npx cypres

Creating a createSelector in Redux that does not rerender unrelated components

I have a simple document maker that allows users the create multiple fields of two types (input field and label field). They can also rearrange the field via dr

How to extract selectors from adapter from queries with arguments

I'm trying to extract selectors from queries in my apiSlice as said in this documentation: https://redux.js.org/tutorials/essentials/part-8-rtk-query-advanced T

Redux toolkit filter() not working when wanting to display new array at the same time

I am currently building a clothing shop in which you can add products to the cart, and delete each one of them as you like and it makes the cart re-render and d

Redux & TypeScript: Property 'X' is missing in type 'DefaultRootState' - but the property is declared in Interface

Here's my Interface which I'm using with mapStateToProps: export interface IStore { cache?: any; dataManager?: IUR; userPrefs: IUP; fingerprintModal?: I

How do I unsubscribe to the dispatch to grab new data onload on useEffect? - I'm using Redux Toolkit

I can load my data but only after I refresh the page. Until then, it shows the data from the previous item I clicked on. It's behaving like a cache would. Here

making post request with createAsyncThunk redux toolkit

Following is my reduxtoolkit code. I am trying to post data but it is giving me 422 error. The response says spot_id and item_id required but I am sending it. A

Redux state change not reflected when connecting multiple React modules to same store

I am working on a React application (not CRA template) which consists multiple modules and I am trying to connect some of the modules to same Redux store so tha

Persist-reducer function giving type error to my reducer in typescript

I am trying to configure react-persist in my typescript react application. The persistReducer function is giving a type error to my reducer that Argument of typ

One component affecting another in reactjs

Every url loads three main components: Left panel, center and right panel. In right panel, we have a button which returns a sub-component CreateForm inside the

An immer producer returned a new value *and* modified its draft. Either return a new value *or* modify the draft

I understand this has been asked before but so far no answers except someone making a syntax mistake. I have verified this against every tutorial I've seen onli