I’m trying to include external script files in my React project to use them in various parts of my code. I’ve created a ScriptLoader component to handle the loading of these script files, but I’m encountering an “Unexpected token ‘<‘” error. How can I properly add external script files to my React project and avoid this error?
this is App.jsx

I get the answer to this question could be “it depends” but I’ve got an app where we are passing tons of props down. It’s getting unmaintable especially when some components have 20+ props.

I’m using React’s useState hook to manage the state in my component. However, I’ve noticed that when I update the state, the new value doesn’t seem to be reflected immediately within the same function call. Here’s a simplified example:

Im currently working in a codeEditor.This is NextJs backend code.Here i want to execute useEffect() hook single time at the first time when page get loads.But it is executing two time causing sendEmail(blob) in line 20 to be rendered twice.What is problem here?Can’t get off this problem

I have 2 components Files (parent) and NoteList (child)

So I have a case where I want to run an interval only if a variable, called isComplete, is false. I have isComplete tied to a state with useState and that seems to work fine. However, even when isComplete is set to true, the interval keeps getting set and it keeps going instead of stopping. This isn’t all of the code as I’m simplified it down for this specific question (otherwise it’d be several pages long).

I understand that in javascript the best way to detect where a device is opened is using the size of the screen. The problem is that the project that I am working on will be embedded using an iframe and it’s size will be fix, and there might be a scenario where the size will pass as mobile size even though it is embedded in a web. Is there a known package for react to detect a device aside from the screen size, I tried detect-device package but it stills detect a web view the moment the view is shrink.

I have an async method called getInitialData to fetch all necessary data from an API. Once the data is fetched, I am passing the data into a table. But by the time the data has been fetched, the data is already passed into the table without having all the necessary data, specifically the second api call to fetch the userItemName. Is there a way to wait for all the data to be fetched first before displaying it?

I’m trying to make this memory card game.
It works fine but the attempts counter at the bottom behvaes in a bizarre way. In facts it sometimes increases by 1, some other times by 2.
why does that happen?

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.