Why doesn't object change work?

Question

JavaScript

Good afternoon, I'm writing that doo list on hooks. I have a problem, why the handleClose method does not work. I will be very grateful for the answer.

function App() { 
  const [todo, setTodos] = useState(
    [
      { text: 'example', done: false, checked: false },
      { text: 'second example', done: false, checked: false }
    ]
  );
const handleClose = (index) => {
    setTodos((state) => {
      return state[index].checked = true;
    });
  };
return (
    <div className='root-wrapper'>
      <div className='top-wrapper'>
        <h1>Todo List Hooks</h1>
        <MakeDo 
          handleAdd={handleAdd}
        />
      </div>
      <div className='main-wrapper'>
        <List 
          handleClose={handleClose}
          handleDelete={handleDelete}
          items={todo}
          // removeItems={setTodos([])}
        />
      </div>
      <div className='bot-wrapper'>
        <BottomInputs 
          handleClear={handleClear}
          handleAccept={handleAccept}
        />
      </div>
      <input 
        type='button'
        onClick={handleJSON}
        value='addJSON'
      />
    </div>
  )
}

Answer 1

const handleClose = useCallback(index => {
  setTodos(state => {
    const newState = [...state],
    newState[index] = { ...newState[index], checked: true },

    return newState;
  });
}, []);