Error map

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

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.

uncontrolled to controlled — Warning: A component is changing an uncontrolled input to be controlled (React)uncontrolle…TypeError — TypeError: Cannot read properties of undefined (reading 'x') (JavaScript)TypeErrorsetState() 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 setThere was an error trying to send your message — Contact Form 7: There was an error trying to send your message. Please try again later. (WordPress)There was an error …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…Maximum update depth — Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. (React)Maximum update depthNG8002 — Angular: NG8002: Can't bind to 'ngModel' since it isn't a known property of 'input' (Angular)NG8002validateDOMNesting — 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_stateread-only property — TypeError: Cannot assign to read only property 'x' of object (JavaScript)read-only propertyNullReferenceException — System.NullReferenceException: Object reference not set to an instance of an object (.NET)NullReferenceExcept…TypeError: not a function — TypeError: x is not a function (JavaScript)TypeError: not a fu…ReferenceError — ReferenceError: x is not defined (JavaScript)ReferenceError409 — 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-rendersIllegalStateException — java.lang.IllegalStateException (Java)IllegalStateExcepti…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…setState during render — Warning: Cannot update a component (`Parent`) while rendering a different component (`Child`) (React)setState during ren…PHP mail — PHP mail() returns false / emails not delivered (PHP)PHP mailMessageRejected — SES MessageRejected: Email address is not verified. The following identities failed the check in region (AWS)MessageRejected404 except homepage — WordPress: 404 Not Found on every page except the homepage (permalinks / .htaccess / Nginx rules) (WordPress)404 except homepageObjects are not valid as a React child — Error: Objects are not valid as a React child (React)Objects are not val…Hydration 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 errorActions 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…TransactionTooLargeException — android.os.TransactionTooLargeException: data parcel size x bytes (Android)TransactionTooLarge…Invalid 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 useEffectTemplateDoesNotExist — django.template.exceptions.TemplateDoesNotExist: app/page.html (Python)TemplateDoesNotExistNG0100 — Angular: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked (Angular)NG0100NullInjectorError — Angular: NullInjectorError: No provider for X! (Angular)NullInjectorErroruseLayoutEffect SSR — Warning: useLayoutEffect does nothing on the server (React)useLayoutEffect SSRnot wrapped in act — Warning: An update to Component inside a test was not wrapped in act(...) (React)not wrapped in actProp did not match — Warning: Prop `className` did not match. Server: "x" Client: "y" (React)Prop did not matchError 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)423Object.keys null — TypeError: Cannot convert undefined or null to object (JavaScript)Object.keys nullUndefined property — Warning: Undefined property: Class::$prop (PHP)Undefined property

Directly related (12)

TypeErrorJavaScript

TypeError: Cannot read properties of undefined (reading 'x')

You tried to access a property on a value that is `undefined` (or `null`) — usually data that hasn’t loaded yet or a wrong proper…

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

There was an error trying to send your messageWordPress

Contact Form 7: There was an error trying to send your message. Please try again later.

The form submitted, but wp_mail() failed to send — the server can’t send mail or the mail settings are wrong.

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.

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.

NG8002Angular

Angular: NG8002: Can't bind to 'ngModel' since it isn't a known property of 'input'

The template uses a property binding that no imported directive provides — for ngModel, FormsModule isn’t imported.

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…

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.

Two steps away (33)

NullReferenceException.NET

System.NullReferenceException: Object reference not set to an instance of an object

Code dereferenced a variable that is `null` — the .NET equivalent of Java’s NullPointerException.

TypeError: not a functionJavaScript

TypeError: x is not a function

You called something as a function, but its value is not a function (it’s undefined, a string, an object…).

ReferenceErrorJavaScript

ReferenceError: x is not defined

Code refers to a variable or function name that doesn’t exist in the current scope.

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.

IllegalStateExceptionJava

java.lang.IllegalStateException

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

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.

setState during renderReact

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

A child component updated a parent’s state during its render instead of in an effect or event handler.

PHP mailPHP

PHP mail() returns false / emails not delivered

PHP’s mail() function failed or emails never arrive (spam or rejected).

MessageRejectedAWS

SES MessageRejected: Email address is not verified. The following identities failed the check in region

SES refused to send because the From address/domain isn’t verified — or the account is still in the SES sandbox, where recipients…

404 except homepageWordPress

WordPress: 404 Not Found on every page except the homepage (permalinks / .htaccess / Nginx rules)

Pretty permalinks aren’t being routed to index.php — .htaccess is missing/ignored (Apache) or Nginx lacks try_files.

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…

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.

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…

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.

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.

TemplateDoesNotExistPython

django.template.exceptions.TemplateDoesNotExist: app/page.html

Django searched all template directories and couldn’t find that template.

NG0100Angular

Angular: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked

A template value changed during the same change-detection cycle in which Angular already checked it (dev-mode only error).

NullInjectorErrorAngular

Angular: NullInjectorError: No provider for X!

Angular’s dependency injection couldn’t find a provider for a service/token the component needs.

useLayoutEffect SSRReact

Warning: useLayoutEffect does nothing on the server

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

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.

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.

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.

Object.keys nullJavaScript

TypeError: Cannot convert undefined or null to object

Object.keys/entries/assign was called with undefined or null.

Undefined propertyPHP

Warning: Undefined property: Class::$prop

Code read an object property that doesn’t exist on that object.