import navigationConfig from "configs/NavigationConfig"; import useAuth from "hooks/useAuth"; import useUserType from "hooks/useType"; const { SubMenu } = Menu; const { useBreakpoint } = Grid; const setLocale = (isLocaleOn, localeKey) => isLocaleOn ? <IntlMessage id={localeKey} /> : localeKey.toString(); const setDefaultOpen =…
I'm currently using the useXXXLazyQuery hook of rtk query for handling the login of my page, the problem is that i don't have the latest data in my ProtectedRoute component. The code is as following: ProtectedRoute Component import { type…
I am working on a project which have multiple routes like /profile /admin /home I am fetching posts from backend using Redux Toolkit query in profile page and getting posts successfully but when I go to another page and come…
In my application I am using BrowserRouter component to render my routes or components . But I want to use loader functionality. but my current approach I am not able to use that feature. <BrowserRouter> <AppRoutes /> </BrowserRouter> As suggested…
I am building a application with Redux, React-Redux, and React. When I am doing connect with component and making action call, I receive an error: Uncaught (in promise) TypeError: sendLoginRequest is not a function My Code: component/ import React, {…
I've added redux-persist so that the state persists after refresh. But I keep getting this error in the terminal: ✓ Compiled /postings in 599ms (3066 modules) redux-persist failed to create sync storage. falling back to noop storage. My store file…
I'm building a Redux store using Redux Toolkit and I want to store a map of users in my state, like this: export type UserType = { _id: string firstName: string; lastName: string; email: string; }; interface UserStoreType { users:…
I am trying to implement both Redux and React-Router in a React blog project in which I fetch data from an API and store in Redux, however, it is not being rendered and no error is given. I tried the…
Here is my formSlice and I am getting "Expression expected" after the closing brackets of the builder and the arrow function. import { createAsyncThunk, createReducer, createSlice } from "@reduxjs/toolkit"; import axios from "axios"; export const getform = createAsyncThunk("form/getForm", async ()…
When I try to log in, the Redux reducers update the state correctly, but the login page doesn't navigate to the home page immediately. However, if I click the login button again, then it navigates to the home page. The…