A developer wraps a `setState` in `flushSync` inside a click handler to read updated DOM layout immediately after. What is the real runtime cost being paid, expressed in terms of React's pipeline?
flushSync(() => setItems(next));
const height = listRef.current.scrollHeight; // read after