Error in querying product image in Sanity e-commerce setup resolved with help from Slack thread.

const ProductDetail = () => {
    const { id } = useParams();
    const [product, setProduct] = useState({});

    const getProductDetail = async () => {
        const res = await sanityClient.fetch(`*[_id == "${id}"]{
            _id,
            title,
            blurb{
            en
            },
            defaultProductVariant{
                images,
                price
                
              },

    }`);
        setProduct(res[0]);
    };

    useEffect(() => {
        getProductDetail();
    }, []);

    const { defaultProductVariant: details } = product;
    const { images } = details;
    const {
        asset: { _ref: imgSRC },
    } = images[0];

    console.log(imgSRC);

const { defaultProductVariant: details = { images: [] } } = product;