React Performance Optimization: Memoization

Forgetting to wrap the component with React.memo
Not including all dependencies in the dependency array
A common mistake when implementing useCallback is not including all dependencies in the dependency array. This can lead to stale closures, where the memoized function captures outdated values from the component's scope. To avoid this, you should include all variables from the component scope that the function uses. ESLint rules like 'exhaustive-deps' can help catch this issue. Another common mistake (represented by option C) is overusing useCallback for every function when it's not necessary, which adds overhead without meaningful performance benefits.
Using it for every function in the component
Not using it with useMemo