I'm trying to make a import/export feature of the user's localdata using JSON. I have no idea about JSON, so I need help in making a validation and sanitise feature.

Local data contains multiple Tab elements, defined as follows:

type Product = {
  imageURL: string;
  productBrand: string;
  productCategory: number;
  productId: number;
  productName: string;
  productPrice: number;
  shopImageURL: string;
  shopName: string;
  shopURL: string;
};

type Tab = {
  id: number;
  name: string;
  term: string;
  products: Product[];
  seenItems: Set<number>;
  newItems: Product[];
};

This is how the import and export are written:

const handleImportData = (data: string) => {

    try {
      const parsedData = JSON.parse(decodeURIComponent(data));



      const importedTabs: Tab[] = parsedData.map((tab: any) => ({
        ...tab,
        seenItems: new Set(tab.seenItems),
      }));

      setTabs(importedTabs);
      if (importedTabs.length > 0) {
        setActiveTabId(importedTabs[0].id);
      }
    } catch (err) {
      console.error("Error parsing imported tabs data:", err);
      // Handle error state or show error message
    }
  };

const handleExportData = () => {
    const tabsData = tabs.map((tab) => ({
      ...tab,
      seenItems: Array.from(tab.seenItems),
    }));

    const dataStr = encodeURIComponent(JSON.stringify(tabsData));
    return dataStr;
  };

  const handleResetData = () => {
    setTabs([]);
    setActiveTabId(null);
  };

|

any help would be appreciated.