Category "react-redux"

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

How can I call Rtk Query Hook when the condition changes?

I created the endpoint with createApi: export const postsApi = createApi({ reducerPath: 'postsApi', baseQuery: fetchBaseQuery({baseUrl: 'https://jsonplaceho

How to use redux in Next.js?

I am new to Next.js, So I follow some tutorials for Redux integration in Next.js. All is working fine but whenever I switch between pages, each time API make a

Client side state is not hydrated from server on page reload

The client-side state is not hydrated from the server after creating a new store CodeSandBox Link - https://codesandbox.io/s/vibrant-aryabhata-l29r2b Steps to r

What's hydrate action in Next Redux Wrapper?

Recently I started using Next.js and I have a question about the next-redux-wrapper package. I don't really understand the HYDRATE action. So I wonder concretel

How to access a part of the Redux store which contains the same name?

I want to get the commented loadingStatus from userReducer. How to achieve this? const mapStateToProps = (state) => { const { loadingStatus, vehicl

Cleanup Function is not running in useEffect in React Redux

I have two dispatch actions 1. fetchHomepage and 2. removeHomepage. I want to run removeHomepage action when I click other link on header menu. So I added remov

Uncaught TypeError: dispatcher.useSyncExternalStore is not a function

i am trying to change the state of bulma model using useSelector and useDispatch like this const isState = useSelector((state) => state.isActiveState

Handling Sessions & Idle Timer between multiple tabs in React SPA

I'm developing a React Application that has User Authentication with session duration. while login the response will give session duration with userObject. I'm

React Application <head> tag has the <script charset="utf-8" /> around 15 times. How can I reduce that? And why is it showing it so many times?

The <script charset="utf-8" src="/static/js/{chunkName}"></script> tag appears an incredible amount of times coming from different chunks. Why is th

Using the Context API as a way of mimicking useSelector and useDispatch with redux v5

I'm working on a React project where I'm constrained to using React Redux v5, which doesn't include useDispatch and useSelector. Nonetheless I really would like

Notistack enqueueSnackbar usage outside component

Is there any way to use enqueueSnackbar() outside the react component? For example, I want to show an alert on the service API request error. Api service reques

retrieve store data from react redux

I'm new to redux, I can't get data from the store.I get this message in the console: Error: Invalid hook call. Hooks can only be called inside of the body of a

(react redux toolkit) i want to know using action with multiple prameters

i recently started @reduxjs / toolkit. when i see code or documents of this, it not is not worked (undefined...) or too complicated(prepare?? createaciton??). i

reduxtoolkit mocking store with typescript

I found this code from redux documentation // test-utils.jsx import React from 'react' import { render as rtlRender } from '@testing-library/react' import { con

Redux-persist does not work with Redux-Toolkit

The app works fine The only thing is that redux persist is not working as it should.Persist doest not persist anything,it does not give any errors in the consol

React Navigation v5: How to navigate using redux thunk/redux saga?

How can I navigate the screen in react-navigation in Redux-Saga and Redux-Thunk? Is it possible to get access to the navigation context in sagas or thunk? For e

Other Categories