Soy nuevo en React y me pregunto por qué el siguiente código no funciona

 const Component = () => { var [person, setPerson] = useState({ name: 'bob', age: 21, message: 'hello!' }) const changeName = () => { person.name = 'brian' console.log(person) // {name: 'brian', age: 21, message: 'hello!'} setPerson(person) } return <> <h5>{person.name}</h5> <button onClick={changeName}>change the name</button> </>

Sin embargo, si lo hago de otra manera, como la siguiente o usando el operador de propagación, funciona:

 const changeName = () => { person = { name: 'brian' } setPerson(person) }