I am trying to push objects to my array State using the onChnage method. But every time my array returns the duplicate value, not the real value. I tried so many times to fix this issue. But I can't.

 const [variant, setVariant] = React.useState([]);
 values.filter((valuesData) => (!valuesData.hasVariants ? setVariant((data) => [...data,{ productId:valuesData._id}]): setVariantStatus(false)));

First index is always duplicated