如何在React状态数组中不包含重复的值，如何防止数组中的值重复？

import React, { useState } from 'react';

function App() {
  const [values, setValues] = useState(new Set());

  const addValue = (newValue) => {
    setValues(prevValues => {
      const newSet = new Set(prevValues);
      newSet.add(newValue);
      return newSet;
    });
  };

  return (
    <div>
      <button onClick={() => addValue('A')}>Add A</button>
      <button onClick={() => addValue('B')}>Add B</button>
      <button onClick={() => addValue('C')}>Add C</button>
      <ul>
        {Array.from(values).map((value, index) => (
          <li key={index}>{value}</li>
        ))}
      </ul>
    </div>
  );
}

export default App;