What is React derived state and why should it be avoided?

Derived state is state computed from props or other state, often leading to inconsistencies.

Duplicating state leads to synchronization issues. Instead, compute values during render or use memoization.