• New Oct 1, 2026

  Next.js App Router: "Hydration failed because the initial UI does not match what was rendered on the server" when reading localStorage in useState [duplicate]

  Next.js App Router: "Hydration failed because the initial UI does not match what was rendered on the server" when reading localStorage in useState Body: I'm using Next.js 14 (App Router). I...

• New Sep 27, 2026

  Importing Supabase Client breaks React Page [duplicate]

  I'm trying to set up a simple frontend to interact with my Supabase database. I'm following the built in React tutorial but when I try to import the client.js script the entire page goes blank. I d...

• New Sep 25, 2026

  How to use react router NavLink correctly with React Aria's NavigationTreeItem component

  In my React app, I want to create a primary navigation with React Aria's NavigationTreeItem component, but also incorporate the NavLink component from react router so that the app updates the way a Re...

• New Oct 1, 2026

  React form doesn't submit when pressing Enter in an input field

  I'm building a login form in React. Clicking the Login button works correctly, but when I press Enter while focused on an input field, the form doesn't seem to submit. I'm using React's onSubmit...

• New Sep 27, 2026

  React App.jsx page not able to make web socket connection with Spring Boot backend

  Here is the App.jsx, all the packages are installed: import React, { useState, useEffect, useRef } from 'react'; import SockJS from 'sockjs-client'; import { Client } from '@stomp/stompjs'; func...

• New Sep 25, 2026

  Error: Calling setState synchronously within an effect can trigger cascading renders

  I'm getting a lint error in Next.js when I update state inside a useEffect. My code looks like this: const fetchInboundRequests = async () => { const token = getToken(); if (!token) return;...

• New Sep 21, 2026

  React input form not rendering

  I am trying to make this Pen on codepen.io, however I hit a roadblock on my code. I was trying to utilize the useState Hook from React.js. I did all the steps correctly for my build is now successfu...

• New Sep 9, 2026

  React client doesn't catch the socket.on() signal from the server using setInterval

  So I'm building a desktop game using electron and react currently. Now, on my server I have a code that basically does 2 things when the start game button on the client is pr...

• New Sep 12, 2026

  How do I trigger a dialog Form by clicking a table row?

  I was showing a list of person with Table from Shadcn UI. My goal is to show a Dialog form with the info of the person indicated in the row. So I iterated the rows and added an onclick trigger tha...

• New Sep 4, 2026

  When should useMemo be used in React? [duplicate]

  I am trying to understand when useMemo is actually beneficial. For example, I understand that it can avoid repeating an expensive calculation const result = useMemo(() => expensiveCalculation...

• New Sep 3, 2026

  How should a React app handle API data when the user navigates away before the request finishes?

  I am building a React application that fetches data from an API when a user opens a page. The problem is that the user can navigate to another page before the API request finishes. When the request e...

• New Sep 3, 2026

  Why does React render an intermediate state between two setState calls? [duplicate]

  I have built an AddressSearch page but the behaviour is not as expected. How does it work? There is a search input field in which user enters the address and Google Maps JS API suggest some options...

• New Sep 1, 2026

  How can I prevent duplicate API requests when multiple React components need the same data?

  I have a React application where multiple components need to use the same data from an API endpoint. For example, both ComponentA and ComponentB need data from /api/users. If both components fetc...

• New Sep 15, 2026

  Understanding cookie session in React Router

  I would like to understand how cookie session works in React Router, I would like to create a register form and use session storage in React Router. I don't understand how to save cookie session u...

• New Sep 23, 2026

  React Router UI gets stuck after TanStack Query API request returns 404

  I'm having an issue with a React application using React Router, <Outlet>, Axios, and TanStack Query. The React Router navigation itself is working correctly: the URL changes as expected an...

• New Aug 23, 2026

  Is it possible to use the Astro <Image/> component inside a gallery that rerenders after a state change?

  I'm building an image gallery inside an Astro website with a list of menu items that, after click, change the state and then trigger a rerender. I built a working prototype using React: This is SubMen...

• New Aug 23, 2026

  React displays old text when a opacity animation is applied

  This works, when state of playing turns from false to true, the text turns red and says: Spaceships flying. import styles from './index.module.scss' const { play, pause, playing } =...

• New Aug 24, 2026

  on click on element, react fails with "destroy is not a function"

  This occurred after the recent browser update to chrome/edge 150, with the following code: React.useEffect(() => endElementRef.current?.scrollIntoView(false), [endElementRef.cu...

• New Aug 19, 2026

  Populating a react-select select with option groups

  Using react-select and trying to populate it with grouped options as per code block 1 below: ExhibitionOption is defined in code block 2: Where I have the console.logs, these are being output as...

• New Aug 19, 2026

  How to delete an item from array only on the second click on the same element in React? [closed]

  I'm currently working on a React application with TypeScript where I need to manage a list of military commanders. My goal is to create a custom two-step deletion process for the items in the li...

• New Aug 18, 2026

  How to call Go WASM from a TypeScript React frontend?

  I am working on a web app with the following architecture: The frontend is a React app written in TypeScript. The "backend" is written in Go, and compiled to WASM for distribution with t...

• New Aug 26, 2026

  React.lazy permanently caches a failed dynamic import — how can I retry a route chunk without reloading?

  Every route in my SPA is code split with React.lazy. If a route's chunk fails to download because the device went offline, that route stays permanently broken for the lifetime of the document, and t...

• New Aug 7, 2026

  How to test PlateJs Marks with React Testing Library

  I can't seem to be able to make this work. My Editor: const editor = usePlateEditor({ plugins: [...BasicMarksKit, PlainTextPastePlugin], value: initialValue, }); <Plate...

• New Jul 31, 2026

  Is it possible to remove the use of useEffect or are they unavoidable?

  I think that useEffect can be avoided here. Essentially what we are doing is to persist the state in query params, so whenever the user clicks on a node we change the query param (nodeid) and th...

• New Sep 2, 2026

  What is the difference between link wrapping and 'use client' in Next.js?

  Let's suppose we have two scenarios: Link wrapping <Link href="/voice_monitor" passHref legacyBehavior> <Button component="a">Go to Voice Monitor</Button>...

• New Jul 31, 2026

  React use() cache gets overwritten by an older Promise after invalidation

  I am using React 19.2 with Vite. I am playing around with a small Promise cache for React 19 use() and I cannot figure out the best way to handle this. So I start with one request and it takes 1.5...

• New Jul 23, 2026

  How do you run a dummy useReducer dispatch function in Jest? [closed]

  I'm currently trying to write unit tests for one of my components, but unfortunately it seems like the dummy dispatch function to take the place of the reducer's one is not firing at all. Up until th...

• New Jul 22, 2026

  Does Vite 8.1 build.chunkImportMap stop an old tab from loading removed lazy chunks?

  I am testing the new build.chunkImportMap option in Vite 8.1 with a React app that uses React.lazy(). My basic setup import { lazy, Suspense, useState } from 'react' const LazyPage = lazy(() => i...

• New Jul 20, 2026

  Unable to understand how transitions work in React? (with a code example)

  I am trying to understand how transitions work in React. Everytime I read the docs, I get a reasonable understanding but when I experiment with it, the understanding breaks down. I am unable to co...

• New Jul 17, 2026

  React using a custom fetch hook, should you put data into state

  When using something like a simple custom fetch hook: import { useEffect, useState } from "react"; import useAxiosPrivate from "./useAxiosPrivate"; function useFetch(url)...

Scroll to top