As you can see on the image, after fetching data and displaying it on the screen, orange button appears (in the center) for 1 second and then dissappears. Code for component: const Home: FC = () => { const {…
For example I have following RTX setup: export interface UserState { name: string } const initialState: UserState = { name: '', } const slice = createSlice({ name: 'user', initialState, reducers: { setUserName: (state, action: { payload: string}) => { state.name…
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…
I was making small project of react in which I wanted to use "Redux toolkit" for my cart logic. What I want : When I will click on button "Add To Bag", it should add ( quantity, color, name, company…
I would like to modify the response received from the backend with the transformResponse function but I get an error even when I only return the first argument ""baseQueryReturnValue"". export const categoryApiSlice = createApi({ reducerPath: "Categories", baseQuery: fakeBaseQuery(), tagTypes: ["CategoriesTag"],…
I have a slice file that includes an async thunk function that returns an array based on API response. Some of this array elements are some i tags that trigger some functions to do something inside another component that is…
I created a custom hook and created an axios instance in it for fetching new tokens whenever the access token expires , initially on the page load the token seems to be fine , but after the timex expires my…
I am encountering a problem with my Redux setup in React Native where I have two reducers: one for authentication and another for menu. While the auth reducer persists data across the entire app without any issues, the menu reducer…
import { PayloadAction, createSlice } from "@reduxjs/toolkit" type TodolistState = { id: number, title: string, body: string, done: boolean }[] const initialState: TodolistState = [{ id: Date.now(), title: 'test title', body: 'test body', done: false }] const todoSlice = createSlice({…