I want to put the "data" from the useQuery response as the initial value of my component. const {data, isLoading } = useQuery({ queryKey: ["name", nameId], queryFn: async () => { const consulta = await getFetch(NAME_URI + "/" + nameID);…
I have a React Native web app with a card item that shows category items. For example, parrots can have multiple categories, like: parrots1, parrots2, parrots3. If a user clicks on parrots1, this category can also have multiple subcategories, such…
I'm trying to get the width of an element but I get an error when I invoke a function from the container component Sidebar: onClick={() => setActiveComponent(sidebarViews[1])}. Why is this error occurring? Sidebar.tsx function Sidebar() { const [activeComponent, setActiveComponent] =…
I have a context provider wrapped around 2 components. One component (Thing) calls the state setter function and the other (Thing2) displays the value of the state. Why do both components re-render when state changes even though only 1 component…
I have this code for a sidebar, it has to render the 3 sections, "laboratorio", "sucursales" and "recursos humanos", the submenu of each one is taken from the sseccion of each const. However, I don't know how to render the…
Why does assigning the setTimeSlotsList(fetchAPI(day)) create an infinite loop? The code flow seems to be working when I just console.log(fetchAPI(day)) for testing. const [timeSlotsList, setTimeSlotsList] = useState([]) function FormValues () { const { values } = useFormikContext(); const day =…
I am currently using React and have run into a problem regarding states. Consider a callback function testComponent, which, when a button is pressed, renders a new component each time. Within this component, there will be select and input elements,…
I need help with managing react states, I can't seem to wrap my head around it. I have a component that receives the id of a database entry from another page via useLocation, I then use that id with an…
Context: I have a React web application which is rendered inside a mobile app. In this app we are capturing images using MediaStream APIs and storing the images(max. 10 in base64 format) in state locally and then creating a pdf…
I've built a simple stopwatch with start and stop buttons. I've also built a really barebones matching game where a user clicks on 5 different squares that start out as random colors (possibility of being 7 predefined colors). Every time…