More clarification on updating Objects in state

here in the current beta docs of updating objects in react, we are just told to treat objects as read only and never try to mutate them but what are the exact tradeoffs if we try to mutate the existing state Object, i am quite confused and may be this requires a brief explanation

Like i have a sandbox below where it tries to just mutate the object directly and it works as expected

https://codesandbox.io/s/kind-poincare-k4g8uh?file=/App.js

Bắt đầu với trang tài liệu beta được liên kết, cập nhật các đối tượng trong state và xem lại ví dụ CodeSandbox được liên kết cho thấy việc mutation trực tiếp. Làm rõ các đánh đổi chính xác giữa việc mutation một đối tượng state hiện có và việc coi nó là chỉ đọc, để trang giải thích vì sao cách tiếp cận được khuyến nghị lại quan trọng, đồng thời đề cập đến ví dụ có vẻ hoạt động.