All Questions

Question 1

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 2

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 3

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

Question 4

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 5

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 6

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 7

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 8

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 9

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

Question 10

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 11

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 12

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 13

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 14

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 ...

Question 15

useEffect(() => { console.log("Effect runs"); return () => { console.log("Cleanup runs"); }; }, []); If window.location.reload() is called anywhere in your ...

Collectives™ on Stack Overflow

All Questions

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]

will calling window.location.reload() trigger the clean up function inside a useEffect?

Hot Network Questions