无法在findIndex条件下使用挂钩更新状态数组

import React, { useState } from 'react';

function App() {
  const [items, setItems] = useState([
    { id: 1, name: 'Item 1', completed: false },
    { id: 2, name: 'Item 2', completed: false },
    { id: 3, name: 'Item 3', completed: false }
  ]);

  const updateItem = (itemId) => {
    setItems(prevItems => prevItems.map(item => {
      if (item.id === itemId) {
        return { ...item, completed: true };
      }
      return item;
    }));
  };

  return (
    <div>
      {items.map(item => (
        <div key={item.id}>
          <span>{item.name}</span>
          <button onClick={() => updateItem(item.id)}>Complete</button>
        </div>
      ))}
    </div>
  );
}

export default App;