React
React.js errors explained in plain English.
Find your error below for a clear explanation and how to fix it.
Error Codes
Adjacent JSX Elements Must Be Wrapped
React
JavaScript Framework
This React error means your component is returning more than one top-level JSX …
Props Spreading Unknown DOM Attribute
React
JavaScript Framework
This React warning appears when a custom or non-standard prop is spread onto a …
useEffect Missing Dependency
React
JavaScript Framework
This React warning means your useEffect hook uses a variable or function from …
ReactDOM.render is Deprecated
React
JavaScript Framework
React 18 deprecated ReactDOM.render() and replaced it with the new createRoot() …
Error: Cannot read properties of undefined
React
JavaScript Framework
This error means your code tried to access a property (like .name or .id) on a …
Error: Cannot update component while rendering
React
JavaScript Framework
This error means a component tried to update the state of a different component …
Error: Element type is invalid
React
JavaScript Framework
This error means React received something unexpected where it needed a valid …
Error: Hydration failed
React
JavaScript Framework
This error means the HTML that was generated on the server does not match what …
Error: Invalid hook call
React
JavaScript Framework
This error means you called a React hook (like useState, useEffect, or …
Error: Maximum update depth exceeded
React
JavaScript Framework
This error means React detected an infinite loop of component updates.<br>One …
Error: Objects are not valid as a React child
React
JavaScript Framework
This error means you tried to render a JavaScript object directly in …
Error: Rendered fewer hooks than expected
React
JavaScript Framework
This error means the number of hook calls in your component changed between …
Error: Rendered more hooks than during the previous render
React
JavaScript Framework
This error means your component called more hooks in one render than it did in a …
Error: Too many re-renders
React
JavaScript Framework
This error means your component is stuck in an infinite render loop.<br>Every …
Minified React error #301
React
JavaScript Framework
Minified React error #301 means React tried to update a component that is no …
Minified React error #321
React
JavaScript Framework
Minified React error #321 is the production version of: 'Rendered more hooks …
Error: A React component suspended while rendering, but no fallback UI was specified
React
JavaScript Framework
This error means a component inside your React tree tried to 'suspend' (pause …
Warning: An update to ... inside a test was not wrapped in act(...)
React
JavaScript Framework
The act() warning appears in tests when your code causes a React state update …
Warning: Cannot update an unmounted component
React
JavaScript Framework
This React warning means your code tried to update the state of a component …
Error: Each child should have a unique key prop
React
JavaScript Framework
This warning means you are rendering a list of elements using .map() but have …