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

リンクされているベータ版ドキュメントページから始め、state 内のオブジェクトを更新し、直接ミューテーションを示しているリンク先の CodeSandbox の例を確認してください。既存の state オブジェクトをミューテーションする場合と読み取り専用として扱う場合の正確なトレードオフを明確にし、推奨されるアプローチが重要である理由をページで説明するとともに、一見動作しているように見える例にも対応してください。