从react typescript接口中删除重复项

interface MyInterface {
  id: number;
  name: string;
}

const data: MyInterface[] = [
  { id: 1, name: "John" },
  { id: 2, name: "Jane" },
  { id: 1, name: "John" }, // 重复项
  { id: 3, name: "Bob" },
];

const uniqueData = Array.from(new Set(data.map((item) => JSON.stringify(item)))).map((item) => JSON.parse(item));

console.log(uniqueData);