When I clicked on the element I wanted to delete, the result I wanted was not printed. The key for my current element was not printed, only the keys for the previous elements were printed And I deleted all the…
I'm trying to test a React component that conditionally renders null using Cypress component testing. Here's a simplified version of my component: const MyComponent = () => { if (someCondition) { return null; } return ( <div> {/* UI content…
I am working on a react project with the tailwind. I checked the inspection of Chrome and saw the same tailwinds variables multiple times. I thought maybe something is not working properly in our project and checked Shopify and it…
I want to fetch corresponding product image on each dynamic route in my NextJS project, like this: export default function singleProductPage({ params }) { const { product_code } = params; const imagePath = `../../../../assets/products/Hammer/${product_code}.jpg`; return ( <div> <Image src={imagePath} width={300}…
Hi I'm trying to implement the logout logic, my session token is stored in the cookies, which I want to clear if the token is no longer valid. But next.js is not allowing me to do so, even so their…
I want to make an API call from my backend server running express.js. I expect when I visit http://localhost:3004/api/weather?city=[cityName], I should see the json response from openweathermap.org. Instead, I get the message "unknown endpoint" from my middleware. Thats the terminal…
I am making Comment's like/dislike component. I am unable to maintain the state on initial run. It gets undefined on initial run, but state gets updated after pressing like button for second time. Following is my JSX: <div className="flex justify-between…
I want to set auth in req header to specific value but after I tried different methods and check req from browser my key is not in the req header I am using Reactjs ,vite ,@apollo/client and running inside docker…
I am trying to update the user object's blockedUsers array, while keeping other data not changed. user object can have blockedUsers array or not, it is not certain. In slice I have: reducers: { CHANGE_USER: (state, action) => { state.user.push(action.payload)…
I want to set an event on Header when an action happened on {children}, how can i do this function Basic({ children }) { return ( <> <Header/> {children} <Footer /> </> ); } export default Basic; I have tried…