What is tearing in concurrent React and how is it prevented?

Tearing is when different parts of the UI display inconsistent values from the same external state during a single render. React 18 prevents it for built-in state and provides useSyncExternalStore for safely integrating external stores. ---