I have a registration form that after submission of which I want to navigate to other screen only if the request succeeds in the action file not in Component itself. I'm sending navigation as an argument to the function from…
I have created an api slice like this: export const authSlice = createApi({ reducerPath: "auth", baseQuery: fetchBaseQuery({ baseUrl: resolveApiBaseUrl(), prepareHeaders(headers) { headers.set("Content-Type", "application/json") headers.set("X-XSRF-TOKEN", <string>resolveUserToken()) return headers } }), endpoints(builder) { return { login: builder.mutation<GymAppResponse, Login>({ query: (payload) => ({…
Redux toolkits view: I have some statements in Redux toolkits and I can't enter some of them. I already tried this version, but it gives me error. const orderDetails = useSelector((state) => state.orderDetails); const { order, loading, error } =…
I am trying to figure out why I am getting "Actions must be plain objects. Use custom middleware for async actions." when I dispatch my thunk action. From my understanding, the normal cause of this issue would be that my…
I am having a redux state in which i want to store data, which iam getting from an api, to display specific data on different pages. Here is my reducer code: const INIT_STATE = { movies: [] }; export const…
I am trying to post 3 files and json to an API, I am just a bit confused on how to do it export const postfunc = createAsyncThunk( "dashbaord/postfunc ", async (filesSelected, ThunkAPI) => { const state = ThunkAPI.getState(); const…
This is the Redux code: import { configureStore, createSlice } from "@reduxjs/toolkit"; let initialState = { name: "", password: "", }; const loginReducer = createSlice({ name: "login", initialState: initialState, reducers: { nameChanger(state, action) { state.name = action.payload; }, passwordChanger(state, action)…
I am currently trying to create a website using React. But as the title states, I can't seem to get my content to appear in the localbrowser and I'm unsure where I went wrong. Image of localhost App.js: import React…
I am building a react application with Django rest framework (Djoser) for athentication. Now to manage authentication I am using react redx. bt somehow getting this error when passing stattoprops using connect method. not sre where exactly the error is.…
I have two instances of a component which I want them to behave like toggle buttons. If I click on a specific component instance, the other component instances should get deselected. The below is my code: store.js: import { configureStore…