Type ‘Number’ not assignable to type ‘String’ error in TypeScript
The error occurs when you try to assign a value of type ‘Number’ to a variable that is expected to be of type ‘String’.
Praveen Rangar
React refers to UMD global, but the current file is a module
To fix the error, you should import React as a module and update the TypeScript, React, and React-DOM versions in your project.
Objects are not valid as a React child / Functions are not valid as a React child
The error “objects/functions are not valid react child” occurs when you try to directly render an object or a function as a child component in JSX code.
Too many re-renders. React limits the number of renders to prevent an infinite loop error
React has limit of 50 renders, when the limit is exceeded, React throws the “Too many re-renders” error to prevent the browser from crashing.
Can’t perform a React state update on an unmounted component error in React
The error occurs when you try to update the state of a component that no longer exists.
React Hook has a missing dependency: ‘XXX’. Either include it or remove the dependency array
This error occurs you don’t include a dependency (like a variable or value) inside the dependency array while using “useEffect” or “useCallback” hook.
Cannot be compiled under ‘isolatedModules’ because it is considered a global script file
This error occurs when a file in your project is doesn’t have an import or export statements.
React Hook useXXX is called conditionally. React Hooks must be called in the exact same order in every component render
This error occurs when you use a React Hook, such as “useState” or “useEffect”, in a wrong way. Hooks cannot be called conditionally, inside loops.
Prevent usage of Array index in keys error in React
To prevent the error “Prevent usage of Array index in keys”, it is recommended to use unique and stable identifiers as keys for list items.
Each child in a list should have a unique “key” prop
In this article we will see that why the error “Each child in a list should have a unique ‘key’ prop” occurs in React and how to resolve it.