jszip is not a constructor

[huy1912]

Got below error when try to create the excel for download

jszip is not a constructor TypeError: jszip is not a constructor at write_zip....

Dependencies

dependencies from package.json

"dependencies": {
   "xlsx": "^0.18.5",
   "jszip": "^3.10.1",
   "react-data-export": "^0.6.0",
}

npm ls jszip
├─┬ js-xlsx@0.8.22
│ └── jszip@2.4.0
├── jszip@3.10.1
└─┬ react-data-export@0.6.0
└─┬ tempa-xlsx@0.0.1
└── jszip@2.4.0

npm ls xlsx
└── xlsx@0.18.5

<ExcelFile filename="MicrobialCount" element={<SiMicrosoftexcel title="Export Data" style={{cursor:'pointer', height:'20px', width:'20px', color:'Highlight'}}></SiMicrosoftexcel>}>
<ExcelSheet data={data} name="sample">
    <ExcelColumn label="Date" value="date"/>
    <ExcelColumn label="Count" value="count"/>
</ExcelSheet>
</ExcelFile>

Look like the xlsx refer to old jszip version

Please advise how to fix the issue