All Questions

Question 1

I have a particular situation where I need a component (ViewOne) to update a ref, and read from that ref on mount. I also have a second component (ViewTwo) that needs to render different content ...

Question 2

i’m building a small AI chat ui in react (next.js app router, react 18) that streams tokens from my backend (openai style stream). basic flow: user types a prompt i push the user message into ...

Question 3

I am planning to implement pagination into my project for my data from Supabase, I had the idea that since there are different parameters (such as search text, page number, filter) that I should use ...

Question 4

const onChangeFn = (e,i) => { const data = e.target.value; if(/^\d?$/.test(data)){ let new_Array = [...values] new_Array[i] = data; setValues(...

Question 5

I have been exploring the useTransition() hook and the startTransition() method provided by React with version 18+. The documentation states that we can de-prioritize state updates using them so that ...

Question 6

In this example from react docs, I can remove use hook from const messageContent = use(messagePromise); leaving it like this const messageContent = messagePromise; and it still works (no error is ...

Question 7

I am attempting to retrieve a search result from a MySQL database with Axios. res.data is populated with the correct data but when I use my useState setter inside the useEffect, my searchRes variable ...

Question 8

I have a modal. This modal opens after a user uploads a CSV. They can then make changes to the entries or delete them. The user can Confirm & Continue (go to next page, modal closes) or Upload New ...

Question 9

I'm building a collaborative task management app using React 19's useOptimistic hook. Multiple users can update task properties (status, priority, assignee) simultaneously. I'm running into race ...

Question 10

app/page.tsx "use client"; import { useEffect, useRef } from "react"; import { foo } from "./OrdersModuleFoo"; import React from "react"; const OrdersModule: ...

Question 11

This is my structure about code: src App.js pages ConfigurationPage.jsx provider ConfigurationProvider.jsx context ConfigContext.jsx Explain bug: The code is executed 2 times in provider. The ...

Question 12

I'm using a DynamicForm component with a ref in a React functional component. I want to update the form once my Firebase collection is loaded. Here’s the relevant part of my component: const ...

Question 13

When I read the react document, I found a new feature useEffectEvent, which raised a question. If I use responsive variables A and B in useEffect, but I am very sure that it is meaningful to make the ...

Question 14

Im developing a new app and tried to implement authentication with JWT myself (and with ChatGPT). I will try to explain it as briefly as possible and what I think is happening. // Render the app const ...

Question 15

Can't perform a state update on an unmounted component. I understand that this warning happens when the component unmounts before the asynchronous request finishes, and then setState (or in my case ...

Collectives™ on Stack Overflow

All Questions

What are problems with this pattern in these situations? What is a less problematic pattern? [closed]

React 18 streaming chat messages updating with stale state

Using setTimeout within useEffect() to debounce searching in react native pagination

Updating state in React.js but there is a lag of one element [duplicate]

When should I use useTransition() or startTransition in React

Promise's behaviour inside component without using `use` hook [closed]

Implementing useState to set variable as the results of an Axios call in useEffect [duplicate]

useEffect is running a function an additional time instead of once per if statement

useOptimistic: How to handle race conditions when multiple optimistic updates affect the same state slice?

Why does useEffect on [] gets called on hot reload?

React - useContext - code executed 2 times in provider

useEffect not running when ref.current is removed from dependency array in React

Is it still necessary to use 'useEffectEvent' function [closed]

Prevent useEffect from running on token state change immediately after login in React

How do I properly use `useEffect` cleanup in React to avoid memory leaks? [duplicate]

Hot Network Questions