Challenge Solution in "Updating Arrays in State" Page Uses Mutation

For the solution to the third challenge in the Updating Arrays in State page, it uses the following function:

function handleAddTodo(title) {
  setTodos([
    ...todos,
    {
      id: nextId++,
      title: title,
      done: false
    }
  ]);
}

This changes nextId, a variable outside the component's scope, which I believe is a mutation. It should instead use the length of todos to set the next id.

リンク先の「Updating Arrays in State」ページから始めて、3つ目のチャレンジの解決策、特に handleAddTodo 関数とその nextId の使用方法を確認してください。コンポーネントの外部にある変数を変更しないように例を更新し、その後もチャレンジの解決策が期待される todo ID を生成することを確認してください。