title: How to unzip a file and access contents in React
body: <p>I have an issue that I've been struggling with for a few days.</p>
  
  <p>I'm needing to display a 3D model in the browser, which I know how to do. The issue is that my user is going to upload a .zip file of their 3D model, and I need to parse it so that I can tell my Three.js component to read the files.</p>
  
  <p>Here is the contents of the zip file:</p>
  
  <pre><code>object_file.obj
  material_file.mtl
  materials/
      texture1.jpg
      texture2.jpg
  </code></pre>
  
  <p>The <code>.mtl</code> file references the <code>materials/</code> folder in it's contents, which basically tells the model where to look for the textures.</p>
  
  <p>So essentially, I need to somehow unzip these files and have access to them like I would if they were stored locally.</p>
  
  <p>The user is currently uploading the file using the <code>&lt;input type="file"&gt;....</code> method. I don't need it to be uploaded to any server or anything yet. Basically, when I get the file using <code>const file = event.target.files[0]</code>, I need to access the content as explained above.</p>
  
  <p>Any help would be appreciated.</p>