How to read/load zipped Shapefile on leaflet/react-leaflet in reactjs

Question

do anyone knows how to read/load shapefile (in zip format) on leaflet in reactjs? In this project I had given a zipped shapefile and i want to show that data on Leaflet OSM map on react application. Project Details module/ library: react(18.2.0), leaflet(1.9.3), react-leaflet(4.1.0), shpjs(4.0.4)

Problem faced: I tried few examples but they didn't worked as they were of old versions.(example link: https://codesandbox.io/s/add-zipped-shapefiles-to-a-react-leaflet-map-e7cr0?file=/src/Shapefile.jsx )

Answer 1

I converted the shapefile into KML online and imported it to the application.