React Performance Optimization: Memoization

When the dependency array contains primitive values
When the useEffect hook runs expensive operations
When the dependency array contains object or array references created during render
You would need to memoize the dependency array of useEffect when it contains object or array references created during render. Without memoization, these objects or arrays would have new references on every render, causing the effect to run more often than necessary. By using useMemo to stabilize these references (e.g., `const stableObj = useMemo(() => ({ key: value }), [value])`), you ensure the effect only runs when the actual data changes, not just when the references change.
When the useEffect needs to run only once