I wanted to create a wrapper component and want to access some value from child's component. I also don't want to do any modification in existing child's component code as it is being directly used at multiple places. Is it…
I have a list of elements where each element is a Game and as I toggle I dispatch an action to my slice where I want to affect the value of isDivOpen but just for the element (Game) I clicked…
Description: Whenever I switch from using localhost as my API endpoint to my actual backend live URL, I encounter two errors in my React application. Here are the errors I'm facing: PATCH https://hobby-hunter-api.onrender.com/users/6488a0ab682e930dcd661111/64628638beaa4cc4aecd3a42 404 (Not Found) in Friend.jsx:25 `Uncaught TypeError:…
I am using the Chakra UI Tab component in my React application. I have a number value stored in Redux, and I want to change the active tab based on this value. However, when I update the number value in…
Here I am trying to render my tasks' titles in a list. But for some reason they don't render. Here is the MyTasks component: const MyTasks = (props) => { const tasks = [...props.tasks]; console.log(props.tasks, "props.tasks"); console.log(tasks, "tasks"); console.log(tasks[0], "tasks[0]");…
I need to implement error handling in my application. I am adding a user group with a pop-up. After sending a request, I need to show an error message if it comes from the backend. However, I'm having trouble understanding…
Dont understand how to see likes on posts without refreshing the page. Sending the request to backend and receiving the response seems fine, posts getting liked and unliked, but to see the likes i need to reload the page and…
Here is my slice.ts file. interface iItem { Category: string; Id: string; } interface iDataState { Items: Array<iItem>; } const initialState: iDataState = { Items: [], }; reducers: { updateItem: (state, action: PayloadAction<iItem>) => { console.log(state.Items); } } Every time…
I am working on multi filter checkbox in react and redux. How to add extra price filter logic when: The price range is less than 250 The price range is between 251 and 450 The price range is greater than…
So I'm getting Uncaught Error: when using a middleware builder function, an array of middleware must be returned This is my code import { configureStore, compose, combineReducers, applyMiddleware } from "@reduxjs/toolkit"; import thunk from "redux-thunk"; const rootReducer = combineReducers({}); const…