I am taking values from local storage, But when I am doing filtering it is affecting the original values in the storage.
How can I overcome this problem?
const localData = JSON.parse(localStorage.getItem("icon"))[`${page}`];
useEffect(() => {
let tempData = localData?.filter((item) => item.iconTitle === iconName);
setData(tempData);
}, [iconName, page]);
useEffect(() => {
const getData = localStorage.getItem("icon");
const localData = JSON.parse(getData)[`${page}`];
console.log(localData);
let tempData = localData?.filter((item) => item.iconTitle === iconName);
setData(tempData);
}, [iconName, page]);
console.log(data);
const renderTooltip = () => (
<Tooltip style={{ backgroundColor: "white" }}>
{(iconName && data[0]?.description) || `No Data Available`}
</Tooltip>
);