I am trying to add wagmi and viem packages to the project. My project has react-scripts package and I am using the latest version 5.0.1. Typescript is running with version 4.9.5. However, when I try to add wagmi and viem,…
Problem Statement: In NextJS 13 with app router, I want to pass data from "/experimental" to dynamic route "/experimental/${id}. It gives me 'router.query' as it is undefined. I tried using 'next/navigation' in the nextjs 13 with app router. I can't…
I have this block of code in reactjs using Vite, following a YouTube tutorial. import { MouseEvent } from 'react'; function ListGroup(){ let items = ['New York','San Francisco','Los Angeles','Boston'] const handleClick = (event.click)=>console.log(event) return ( <> <h1>List Group</h1> {items.length===0 &&…
I'm using the ArcGIS API for JavaScript to display a map and I want to get the selected feature when someone clicks on the map. This is my MapComponent export const MapComponent = () => { const elementRef = useRef(null);…
So I have a DropDown component that I need to refactor to use GoChevronDown and GoChevronLeft depending upon the user clicking the Select label, I have tried this on my own and I continue to just get a blank screen:…
Can someone give me a light on what may be happening here? I have an effect that basically, when I load a product page it updates an state with an array of items, but when I change the product (a…
this is my first time trying a custom AsyncStorage Hook for a project, but I keep getting this LOG Error: Error: [AsyncStorage] Passing null/undefined as value is not supported. If you want to remove value, Use .removeItem method instead. Passed…
so basically I build a todo list app, using mern stack and whenever I am adding todo it gives me todo.map error. I have a context from there it is importing some function to fetch! Whenever someone adds a todo…
I have a loop of multiple buttons, I want to change the background color of only the clicked button and not all of them as it happens here : const [clicked, setClicked] = useState(false); <div className="flex gap-4 flex-wrap"> {times.map((time, i)…
I have this layout that I am trying to build: I am struggling to figure out how I can use display: flex or display: grid to achieve the result. The criteria here is: There are only two items per row…