Minified React error ⚛️ React

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.

Seen on: React

Meaning

Production builds strip messages. The URL decodes the full message; reproduce in development to get the full error and component stack.

Common causes

  • Same root causes as development errors (invalid child, hooks, hydration)
  • Production-only differences (env vars, data)

⚡ Quick fix

  1. Open the URL in the message to read the full text
  2. Reproduce with a development build
  3. Use source maps in your error monitoring

Detailed fix by platform

React

  1. Common numbers: #31 objects as child, #130 invalid element type, #418/#423/#425 hydration mismatches

How to diagnose

  1. Number — Which error code?
  2. Reproduce — Same in development?

🧠 Still stuck? Analyze your error

Paste the full message, response headers or stack trace — we'll detect the platform and point to the most likely cause.