Stack Trace Decoder
Paste any browser error — get a plain-English explanation and exact fix
Decoded Output
Paste an error above and click Decode to get started
Or load one from the Common Errors gallery below
Common Errors
— click any card to load a pre-decoded exampleReact Errors
Cannot read properties of undefined (reading 'map')
TypeError: Cannot read properties of undefined (reading 'map')
at ProductList (ProductList.jsx:12:18)Warning: Each child in a list should have a unique 'key' prop
Warning: Each child in a list should have a unique "key" prop.
React Hook 'useState' is called conditionally
Error: React Hook "useState" is called conditionally. React Hooks must be called in the exact same order in every component render. Did you accidentally call a React Hook after an early return?
Error: Maximum update depth exceeded
Error: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.
at checkForNestedUpdates (react-dom.development.js:21263:9)TypeScript Errors
TS2322: Type 'string' is not assignable to type 'number'
TypeScript error in ./components/PriceTag.tsx: Type 'string' is not assignable to type 'number'. TS(2322)
TS2531: Object is possibly 'null'
TypeScript error in ./hooks/useUser.ts: Object is possibly 'null'. TS(2531)
TS2339: Property 'userName' does not exist on type 'User'
TypeScript error in ./components/Header.tsx: Property 'userName' does not exist on type 'User'. Did you mean 'username'? TS(2339)
Next.js Errors
Error: Hydration failed because the initial UI does not match
Error: Hydration failed because the initial UI does not match what was rendered on the server.
Module not found: Can't resolve '@/components/Button'
Module not found: Can't resolve '@/components/Button' ./app/page.tsx:3:1
Error: Missing required environment variable
Error: Missing required environment variable: STRIPE_SECRET_KEY
at validateEnv (lib/env.ts:12:11)CORS Errors
Access to fetch has been blocked by CORS policy
Access to fetch at 'https://api.example.com/data' from origin 'https://myapp.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Response to preflight request doesn't pass access control check
Access to fetch at 'https://api.example.com/users' from origin 'https://myapp.com' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.