how to use the VT Augment widget in ES6 ?!

[CreativeASAP]

I have faced an error when using the VT Augment widget in ES6.
This is the code:
// Start of code
import React, { useEffect, useRef } from "react";
import VTAugment from "@virustotal/vt-augment";

const VTButton = () => {
const containerRef = useRef(null);
const vtaugmentRef = useRef(null);

const handleButtonClick = () => {
if (vtaugmentRef.current) {
vtaugmentRef.current
.load(
"https://www.virustotal.com/ui/widget/html/MTMuMTA3LjEyLjUwfHxpcF9hZGRyZXNzfHx7ImJkMSI6ICIjNGQ2Mzg1IiwgImJnMSI6ICIjMzEzZDVhIiwgImJnMiI6ICIjMjIyYzQyIiwgImZnMSI6ICIjZmZmZmZmIiwgInR5cGUiOiAiZGVmYXVsdCJ9fHxzZXNzaW9ufHxmb3VuZHx8djN8fDE2OTYyNjY1MzV8fGYwZjMxMDQ2MDllZmI3NzU1MzBjMmM4NGEzZTYxZDQxNDcwZWRjMDYxOWEyYzA0ZWU2NzFjZjIxNzgwOWRmZjY"
)
.openDrawer();
}
};

useEffect(() => {
if (containerRef.current) {
vtaugmentRef.current = new VTAugment(containerRef.current, {
mode: "drawer",
});
}
}, []);

return (

);
};

export default VTButton;

// End of code

and this is the error:
Uncaught TypeError: import_vt_augment.default is not a constructor
at VTButton.jsx:20:30
at commitHookEffectListMount (react-dom.development.js:23150:26)
at commitPassiveMountOnFiber (react-dom.development.js:24926:13)
at commitPassiveMountEffects_complete (react-dom.development.js:24891:9)
at commitPassiveMountEffects_begin (react-dom.development.js:24878:7)
at commitPassiveMountEffects (react-dom.development.js:24866:3)
at flushPassiveEffectsImpl (react-dom.development.js:27039:3)
at flushPassiveEffects (react-dom.development.js:26984:14)
at performSyncWorkOnRoot (react-dom.development.js:26076:3)
at flushSyncCallbacks (react-dom.development.js:12042:22)

[Derekt2]

same problem here, unable to import in Vue.js framework via import VTAugment from "@virustotal/vt-augment";

My guess is this is unsupported as UMD is only option provided