I am unable to use useSelector and useDispatch in export const function. export const StartTelecalling = (piopiy, userId, password) => { const { modal, isTestCall, isOnline } = useSelector((state) => state.calls); const dispatch = useDispatch(); piopiy.login(userId, password, "sbcind.telecmi.com"); console.log("login Initiated..............");…
I created a product reducer, product action, and home file along with constants file (mainly to name and store the type of the action). In Home I was trying to get the products from the backend that is already working.…
I have an error Cnnot destructure property 'status' of '(0 , react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(...)' as it is undefined. I'm trying to handle errors that come from the server with "toast" But when I wrote this code in RegisterPage.jsx, the page doesn't even…
store/index.js import { configureStore } from "@reduxjs/toolkit"; import rootReducer from "../reducers/index"; const store = configureStore({ reducer: { user: rootReducer, }, middleware: (getDefaultMiddleware) => getDefaultMiddleware({ serializableCheck: false, }), }); export default store; userSlice.js import { createSlice } from "@reduxjs/toolkit"; export const…
I am working with React Redux, I can't understand why it brings the former state again. actions.js export const SET_USER= "SET_USER"; export const setUser = user => ({ type: SET_USER, payload: user }); reducers.js import { SET_USER } from "./actions";…
I am trying to access the students variable by putting its value in a state then accessing that state in my handler function but it always returns an empty array. const students = useSelector((state) => state.students); useEffect(() => { setdata(students);…