Error map

setState during render Warning: Cannot update a component (`Parent`) while rendering a different component (`Child`)

React · layer 1, On your device

Open the full error page →

Centre: this error. First ring: errors it is linked with (12). Outer ring: what those are linked with. Colours show the layer of a request each error belongs to. Click any dot to re-centre the map on it; hover to follow its connections. The centre dot opens the error page.

setState during render — Warning: Cannot update a component (`Parent`) while rendering a different component (`Child`) (React)setState du…setState() called after dispose() — Flutter: setState() called after dispose(): _MyState#1a2b3 (lifecycle state: defunct, not mounted) (Flutter / Dart)setState() called a…No QueryClient set — Error: No QueryClient set, use QueryClientProvider to set one (React)No QueryClient setFunctions not valid as child — Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. (React)Functions not valid…useNavigate outside Router — Error: useNavigate() may be used only in the context of a <Router> component. (React)useNavigate outside…Minified React error — Error: Minified React error #31; visit https://react.dev/errors/31 for the full message (React)Minified React errorModifying state during view update — SwiftUI: Modifying state during view update, this will cause undefined behavior (iOS)Modifying state dur…IllegalStateException — java.lang.IllegalStateException (Java)IllegalStateExcepti…Element type is invalid — Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined (React)Element type is inv…Maximum update depth — Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. (React)Maximum update depthvalidateDOMNesting — Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>. (React)validateDOMNestingnon-serializable value — A non-serializable value was detected in the state / in an action, in the path (React)non-serializable va…unexpected_state — API Error: Invalid state transition — operation not allowed in the resource’s current state (API)unexpected_state409 — HTTP 409 Conflict (HTTP)409Too many re-renders — Error: Too many re-renders. React limits the number of renders to prevent an infinite loop. (React)Too many re-rendersuncontrolled to controlled — Warning: A component is changing an uncontrolled input to be controlled (React)uncontrolled to con…Flask app context — RuntimeError: Working outside of application context. (Python)Flask app contextAdjacent JSX elements — Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>? (React)Adjacent JSX elemen…useContext undefined — TypeError: Cannot destructure property 'user' of 'useContext(...)' as it is undefined. (React)useContext undefinedObjects are not valid as a React child — Error: Objects are not valid as a React child (React)Objects are not val…unique key prop — Warning: Each child in a list should have a unique "key" prop (React)unique key propNothing was returned from render — Error: Nothing was returned from render. This usually means a return statement is missing. (React)Nothing was returne…No routes matched — No routes matched location "/x" (React)No routes matchednot wrapped in act — Warning: An update to Component inside a test was not wrapped in act(...) (React)not wrapped in actHydration failed — Error: Hydration failed because the initial UI does not match what was rendered on the server (React)Hydration failedcross-origin error — Error: A cross-origin error was thrown. React doesn't have access to the actual error object in development. (React)cross-origin errorread-only property — TypeError: Cannot assign to read only property 'x' of object (JavaScript)read-only propertyActions must be plain objects — Error: Actions must be plain objects. Instead, the actual type was: 'function'. (React)Actions must be pla…OptimisticLockException — Optimistic lock conflict: OptimisticLockException / StaleObjectStateException / version mismatch (API)OptimisticLockExcep…IllegalArgumentException — java.lang.IllegalArgumentException (Java)IllegalArgumentExce…ArithmeticException — java.lang.ArithmeticException: / by zero (Java)ArithmeticExceptionNoSuchElementException — java.util.NoSuchElementException: No value present (Java)NoSuchElementExcept…not a constructor — TypeError: x is not a constructor (JavaScript)not a constructorSuspended synchronous input — Error: A component suspended while responding to synchronous input. (React)Suspended synchrono…Dynamic server usage — Error: Dynamic server usage: Route /x couldn't be rendered statically because it used `cookies` (React)Dynamic server usageInvalid hook call — Error: Invalid hook call. Hooks can only be called inside of the body of a function component. (React)Invalid hook callreact-hooks/exhaustive-deps — React Hook useEffect has a missing dependency (react-hooks/exhaustive-deps) (React)react-hooks/exhaust…async useEffect — Warning: useEffect must not return anything besides a function, which is used for clean-up. It looks like you wrote useEffect(async () => ...) (React)async useEffectuseLayoutEffect SSR — Warning: useLayoutEffect does nothing on the server (React)useLayoutEffect SSRProp did not match — Warning: Prop `className` did not match. Server: "x" Client: "y" (React)Prop did not matchTransactionTooLargeException — android.os.TransactionTooLargeException: data parcel size x bytes (Android)TransactionTooLarge…Error acquiring the state lock — Terraform: Error: Error acquiring the state lock — ConditionalCheckFailedException / state blob is already locked (Terraform)Error acquiring the…422 — HTTP 422 Unprocessable Content (HTTP)422ALREADY_EXISTS — API Error: Resource already exists (ALREADY_EXISTS / resource_already_exists / 409) (API)ALREADY_EXISTS423 — HTTP 423 Locked (HTTP)423

Directly related (12)

setState() called after dispose()Flutter / Dart

Flutter: setState() called after dispose(): _MyState#1a2b3 (lifecycle state: defunct, not mounted)

An async callback (network, timer, stream) finished after the widget was removed and then called setState.

No QueryClient setReact

Error: No QueryClient set, use QueryClientProvider to set one

TanStack Query hooks ran outside a QueryClientProvider (or a duplicate copy of the library is installed).

Functions not valid as childReact

Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render.

A function (usually a component itself) was rendered instead of calling/rendering it as an element.

useNavigate outside RouterReact

Error: useNavigate() may be used only in the context of a <Router> component.

A React Router hook ran in a component that isn’t rendered inside a Router provider.

Minified React errorReact

Error: Minified React error #31; visit https://react.dev/errors/31 for the full message

A production React build threw an error whose message was shortened to a number.

Modifying state during view updateiOS

SwiftUI: Modifying state during view update, this will cause undefined behavior

A @State/@Published value was changed while SwiftUI was computing a view’s body.

IllegalStateExceptionJava

java.lang.IllegalStateException

A method was called when the object wasn’t in the right state for it.

Element type is invalidReact

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined

JSX referenced a component that is undefined — almost always a default/named import mismatch.

Maximum update depthReact

Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate.

A component keeps updating itself in an effect or lifecycle — usually a useEffect that sets state its own dependencies change.

validateDOMNestingReact

Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>.

The JSX produces invalid HTML nesting, which also causes hydration mismatches in SSR.

non-serializable valueReact

A non-serializable value was detected in the state / in an action, in the path

Redux Toolkit’s middleware found a Date, Promise, class instance or function in state or an action.

unexpected_stateAPI

API Error: Invalid state transition — operation not allowed in the resource’s current state

The request is valid, but the object is in a state where this action isn’t allowed — cancelling something already completed, refu…

Two steps away (32)

409HTTP

HTTP 409 Conflict

The request conflicts with the current state of the resource — e.g. a duplicate or an edit based on an outdated version.

Too many re-rendersReact

Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.

A state update runs during render, which triggers another render, which updates state again — forever.

uncontrolled to controlledReact

Warning: A component is changing an uncontrolled input to be controlled

An input’s `value` started as `undefined` (uncontrolled) and later became a defined value (controlled), or vice versa.

Flask app contextPython

RuntimeError: Working outside of application context.

Code used current_app, g, or a Flask extension (like SQLAlchemy) without an active Flask application context.

Adjacent JSX elementsReact

Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>?

A component returns two sibling JSX elements without a single parent.

useContext undefinedReact

TypeError: Cannot destructure property 'user' of 'useContext(...)' as it is undefined.

A component read a context with no matching Provider above it.

Objects are not valid as a React childReact

Error: Objects are not valid as a React child

You tried to render a plain object (or a Promise/Date) directly in JSX; React can only render strings, numbers, elements and arra…

unique key propReact

Warning: Each child in a list should have a unique "key" prop

When rendering a list with `.map()`, each element needs a stable, unique `key` so React can track items between renders.

Nothing was returned from renderReact

Error: Nothing was returned from render. This usually means a return statement is missing.

A component returned undefined (React 17 and earlier) — usually a missing return or a return followed by a line break.

No routes matchedReact

No routes matched location "/x"

React Router found no route definition for the current URL.

not wrapped in actReact

Warning: An update to Component inside a test was not wrapped in act(...)

A component updated state after the test’s synchronous assertions — async work wasn’t awaited.

Hydration failedReact

Error: Hydration failed because the initial UI does not match what was rendered on the server

The HTML rendered on the server differs from the first client render, so React (Next.js/Remix) can’t attach to it.

cross-origin errorReact

Error: A cross-origin error was thrown. React doesn't have access to the actual error object in development.

An error happened in a script loaded from another origin, so the browser hid the details from React.

read-only propertyJavaScript

TypeError: Cannot assign to read only property 'x' of object

Code tried to modify a frozen object, a getter-only property, or immutable state.

Actions must be plain objectsReact

Error: Actions must be plain objects. Instead, the actual type was: 'function'.

A function (thunk) was dispatched but the thunk middleware isn’t configured.

OptimisticLockExceptionAPI

Optimistic lock conflict: OptimisticLockException / StaleObjectStateException / version mismatch

Someone else changed the record after you read it, so your update — based on an old version — was rejected to avoid overwriting t…

IllegalArgumentExceptionJava

java.lang.IllegalArgumentException

A method rejected an argument value as invalid.

ArithmeticExceptionJava

java.lang.ArithmeticException: / by zero

Integer division or modulo by zero.

NoSuchElementExceptionJava

java.util.NoSuchElementException: No value present

Code asked for an element that doesn’t exist — Optional.get() on empty, iterator.next() past the end, Scanner with no input.

not a constructorJavaScript

TypeError: x is not a constructor

new was used with something that isn’t a class/constructor — usually a wrong import.

Suspended synchronous inputReact

Error: A component suspended while responding to synchronous input.

A component suspended (lazy load or data fetch) during an update that wasn’t wrapped in a transition, and there is no Suspense bo…

Dynamic server usageReact

Error: Dynamic server usage: Route /x couldn't be rendered statically because it used `cookies`

Next.js tried to statically render a route that reads request-specific data (cookies, headers, searchParams).

Invalid hook callReact

Error: Invalid hook call. Hooks can only be called inside of the body of a function component.

A hook ran outside a function component/custom hook, conditionally — or two copies of React are loaded.

react-hooks/exhaustive-depsReact

React Hook useEffect has a missing dependency (react-hooks/exhaustive-deps)

ESLint warns that the effect reads a value that isn’t in its dependency array, so it may use a stale value.

async useEffectReact

Warning: useEffect must not return anything besides a function, which is used for clean-up. It looks like you wrote useEffect(async () => ...)

An async function was passed directly to useEffect, so it returns a Promise instead of a cleanup function.

useLayoutEffect SSRReact

Warning: useLayoutEffect does nothing on the server

A component using useLayoutEffect was server-rendered, where layout effects can’t run.

Prop did not matchReact

Warning: Prop `className` did not match. Server: "x" Client: "y"

A prop rendered on the server differs from the client — usually CSS-in-JS class names or random IDs.

TransactionTooLargeExceptionAndroid

android.os.TransactionTooLargeException: data parcel size x bytes

Too much data was put into a Bundle/Intent/saved state, exceeding the ~1 MB Binder transaction buffer.

Error acquiring the state lockTerraform

Terraform: Error: Error acquiring the state lock — ConditionalCheckFailedException / state blob is already locked

Another Terraform run holds the state lock, or a previous run crashed and left the lock behind.

422HTTP

HTTP 422 Unprocessable Content

The request is well-formed, but the data fails validation (e.g. invalid email, missing required field).

ALREADY_EXISTSAPI

API Error: Resource already exists (ALREADY_EXISTS / resource_already_exists / 409)

The create request was refused because an object with the same unique identity — name, email, external ID — already exists.

423HTTP

HTTP 423 Locked

The resource is locked, so the change was refused — common with WebDAV files and some APIs that lock records during processing.