React 18 новый способ обновления состояния или нет?

Я столкнулся со своеобразной проблемой с обновлениями состояния в React, это не ошибка, мой код работал нормально, но я чувствую себя немного странно. Изначально у меня есть состояние продукта, содержащее все продукты, полученные из API:

const [products, setProducts] = useState<Product[]>([]);

Я создал функцию для изменения информации о продукте. Несмотря на то, что я не обновлял состояние предыдущих продуктов, описание все равно меняется на новое:

const handleChangeEventProduct = async ({ productId }: Product) => {
  const exitsProduct = products.find(({ id }) => id === productId);
  exitsProduct.description = "example desc";
  const response = await fetch(
    `${process.env.VITE_APP_API_URL}/products/add`,
    {
      method: 'POST',
      body: JSON.stringify(exitsProduct),
    }
  );
  const responseObj = await response.json();
  // Update the products state, I don't know why the products state is update the description to `example desc`.
  if (responseObj?.success) {
    setProducts(products);
  }
} 

С тех пор как я начал работать с React, я считаю этот метод правильным для обновления состояния.

const updatedProducts = products.map((product) => {
  if (product.id === productId) {
    return {
     ...product,
     description: product.description,
    }
  }
  return product;
});
setProducts(updatedProducts);

Если это связано с моим непониманием ReactJS, дайте мне знать. Можем ли мы обновить состояние нового продукта, даже если скопируем его в новую константу?