can primitive tag react three fiber only be used once for the same model Problem Description: I have an iphone model and i want to load it to my react project. I use primitive tag from react three fiber R3F which is not a real object that we will be able to see in the … Read more
vite build failing with react Problem Description: getting this error when i run npm run dev Plugin: vite:react-babel File: /components/Header.jsx:7:13 5 | return( 6 | <header> 7 | <!– Navbar –> | ^ 8 | <Navbar /> 9 | <!– Navbar –> and components/Header.jsx: Unexpected token (7:13) 5 | return( 6 | <header> > 7 … Read more
vite build failing with react Problem Description: getting this error when i run npm run dev Plugin: vite:react-babel File: /components/Header.jsx:7:13 5 | return( 6 | <header> 7 | <!– Navbar –> | ^ 8 | <Navbar /> 9 | <!– Navbar –> and components/Header.jsx: Unexpected token (7:13) 5 | return( 6 | <header> > 7 … Read more
First value in array is not getting updated Problem Description: I’m building a shopping cart where the user can change the amount they want to invest per asset, and then see how much their investment is worth when compounded 10% over 5 years. I first have my Checkout component: import React, { useEffect, useState } … Read more
How to capture "any event" on HTML object? Problem Description: I have several HTML img element I want to manipulate on the following events: onMouseEnter onMouseLeave onMouseDownCapture onMouseUp A naive solution (that works) is to implement these listeners for each event manually as such: <img src={taskbarImage} onMouseEnter={(e) =>setTaskbarImage(taskbarAppImageHover)} onMouseLeave={(e) => setTaskbarImage(taskbarAppImage)} onMouseUp={(e) => setTaskbarImage(taskbarAppImageHover)} onMouseDownCapture={(e) … Read more
How to reload data from api in Redux Problem Description: when I lose in a hangman I want to reload my data in the API so that a new password appears. Unfortunately I have no idea how to reload it without reloading the whole page, is it even possible to run the api again on … Read more
Can multiple elements that share a state have an update only propagate to a single element Problem Description: Say I have a state: const [isLess, setIsLess] = useState(true); And two elements sharing this state: // some content <span onPointerDown{changeStateToSeeLess}> See All <ExpandIcon/> </span> // some content <span onPointerDown{changeStateToSeeLess}> See All <ExpandIcon/> </span> Can I update … Read more
How to pass an ID to a modal from a table row Problem Description: I’m trying to send some parameters in the body to my backend: idTR securityQuestion secretAnswer I have a table that contains some records and I put a button in each record that opens a Modal Then two inputs are received in … Read more
Error: Rendered more hooks than during the previous render in react native Problem Description: I am trying to call an api through useEffect until then I have set loading true and if I get a response or an error I set it to false. But I am getting an error if I try to do … Read more
determine event order in React onEvent properties Problem Description: Imagine an HTML element like the following: <a onClick={() => console.log("side effect that needs to fire before the redirect"} href="yourlink.com">Click me</a> Here the event onClick gets executed before the user is redirected. Is this always the case or is this undefined or does this depend on … Read more