title: Unable to view Model with OBJLoader React Three Fiber
body: <p>I'm trying to render an .obj file into my react project using the OBJLoader and useLoader() hook from React Three Fiber, but I'm unable to do so. My file path is correct and I'm wrapping the Model in Suspense tags, so why is this occurring?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, { Suspense } from "react";
  import * as THREE from "three";
  import { Canvas, useLoader } from "@react-three/fiber";
  import { OrbitControls } from "@react-three/drei";
  import { OBJLoader } from "three/examples/jsm/loaders/OBJLoader";
  
  function Model() {
      const model = useLoader(
          OBJLoader,
          "../assets/Model.obj"
      );
  
      return &lt;primitive object={model} scale={0.4} /&gt;;
  }
  
  function App() {
      return (
          &lt;div className="App"&gt;
              &lt;Canvas&gt;
                  &lt;OrbitControls
                      enablePan={true}
                      enableZoom={true}
                      enableRotate={true}
                      addEventListener={undefined}
                      hasEventListener={undefined}
                      removeEventListener={undefined}
                      dispatchEvent={undefined}
                  /&gt;
                  &lt;Lights /&gt;
                  &lt;Suspense fallback={null}&gt;
                      &lt;Model /&gt;
                  &lt;/Suspense&gt;
              &lt;/Canvas&gt;
          &lt;/div&gt;
      );
  }
  
  export default App;</code></pre>
  </div>
  </div>
  </p>