React表未正确排序数字

import React, { useState } from 'react';

const SortableTable = () => {
  const [data, setData] = useState([
    { id: 1, value: 3 },
    { id: 2, value: 1 },
    { id: 3, value: 2 }
  ]);

  const sortData = () => {
    const sortedData = [...data].sort((a, b) => a.value - b.value);
    setData(sortedData);
  };

  return (
    <div>
      <button onClick={sortData}>Sort</button>
      <table>
        <thead>
          <tr>
            <th>ID</th>
            <th>Value</th>
          </tr>
        </thead>
        <tbody>
          {data.map(item => (
            <tr key={item.id}>
              <td>{item.id}</td>
              <td>{item.value}</td>
            </tr>
          ))}
        </tbody>
      </table>
    </div>
  );
};

export default SortableTable;