Why is an object behaving differently in React than in Vanilla JavaScript?

Question

I have a matrix stored in a React useState like this

const [matrix, setMatrix]=useState([])

At this point the state looks like this:<