<img src={url} width={300} height={400} alt="" className="object-fill rounded-tl-md" /> I want to set the height to 400 and cover the div. But the problem I am having is that <img>'s size is just the picture's width and height. It is not…
I have two lists of accordions. I want both accordion sets to be in sync with each other. For example, if I open accordion 1 in the left, I want accordion 1 in the right to be open and vice…
I reused my alert message system I wrote in a an older version of React (maybe 16?) and that was working fine, but in this new project (using React 18) it doesn't work and I don't understand why. I created…
I have a React + Vite app with multiple routes. I also have a few static HTML pages and assets in the public folder (including home.html). I'd like to have the index route to point to home.html. The code below…
Imagine the following situation: I have a registration flow in which some parts of this registration are saved in the session storage to be sent at the end of the flow for an API request. On one of these screens,…
so basically sidebar and navbar is both different components in my code i have navbar.jsx and sidebar.jsx and both are being called under student.jsx ... now on mobile screens i want that the sidebar also gets into that hamburger icon…
I'm experiencing an issue with the useDetectScroll hook from @smakss/react-scroll-direction in my React component. When I make my element sticky using position: sticky, the useDetectScroll hook gets triggered in an infinite loop, which causes the element that should hide on…
I am working on my project to create a food ordering app, and fetched the swiggy's Api in my code. When I try to run my code, I get the above error. here is my Body.js file import { useState,…
When I use console.log(users) to fetch data asynchronously from API in nextJS, users data console.log(users) works successfully in the console, but when I return the mapping data, it says users.map() is not a function. Below is the code: async function…
I am trying to add an edit button (which currently triggers an alert) to my react-select component. However, this makes the newly added button unclickable; instead, it opens the react-select menu. Stopping propagation does not solve the issue. const CustomOption…