I have a simple site which loads property-related data from a Danish national data provider, SDCI.
I am having issues passing down the right values from a mother component to a sub component.

I had a bunch of useDeferredValue() in my codebase, I thought it was enough for concurrent mode. However, it wasn’t splitting up renders into small chunks. Renders triggered by setState wrapped in startTransition splits up the render into 5ms chunks.

import { useMap, useMapsLibrary } from ‘@vis.gl/react-google-maps’;
import { useEffect, useState } from ‘react’;

i need to add objects to an array using useState, but it wont update

I’m making a React game where you are a 911 dispatcher and have to communicate with other people through a chat box. The game has different callouts/situations and I want everything to be as organised as possible. In the “App.jsx” file I created a hook which manages the chat (“const [chat, setChat] = useState()”). The problem appears when, since I want to store each callout in a different file, like “Callout1.js”, “Callout2.js” (in each file there will be data related to that callout like what the caller is going to say, where the location of the emergency is, etc.), I try calling “chat” or “setChat” from another file.
It returns an error: "Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component [...]".

Apologies if this is a dumb question, but I am just learning React and useState. I have the below code that acts as a signup function. When a username and password are POST to the API, a message returns along with a token.

I have been banging my head against the wall trying to figure this out. It should be so simple and yet I can’t figure out what’s wrong.

Please roast my code here.

I am designing a random bug generator.I have two buttons in this code,”Generate Faulty Code” that replaces some symbol within code to other symbol and “Find faulty code” which shows the replaced symbol on clicking it.But here findSymbol() function is not working properly causing ‘Find Faulty code’ to generate the blank output.It is not showing anyoutput at all

I have a component that handles a request for data from our backend. The request is based on what the user clicks on in our UI and sometimes the request returns a bunch of data and sometimes it doesn’t.