title: 3D model renders local but not on AWS
body: <p>I'm currently having an issue with AWS. I have a simple react-three-fiber build, that renders a car model from a .gltf file. The model and build run fine locally but not on AWS. The error I get is
  <code>Could not load /tesla_model_3/scene.gltf: Unexpected token &lt; in JSON at position 0</code>
  I can't figure out why AWS won't load the JSON object of the model and instead is passing in an HTML. here is the site deployed: <a href="https://master.d258lkzp17ij6b.amplifyapp.com/" rel="nofollow noreferrer">https://master.d258lkzp17ij6b.amplifyapp.com/</a>
  It could be a pathing issue, but it runs fine on a local server.</p>
  <p>the file scene.gltf is the /public folder</p>
  <p>and here are the code blocks for the model and the call to the component.
  also here is the Github for the files if needed: <a href="https://github.com/SBrandon0432/tesla-car-shop/tree/Master/src" rel="nofollow noreferrer">https://github.com/SBrandon0432/tesla-car-shop/tree/Master/src</a></p>
  <pre><code>import React, {lazy, Suspense} from 'react';
  import { useLoader } from '@react-three/fiber';
  import * as THREE from 'three';
  import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader'
  
  const Model = props =&gt;{
  
  
    const model = useLoader(
      GLTFLoader, props.path
    )
   
    return (
      &lt;Suspense&gt;
        &lt;primitive object={model.scene} scale={'.50'} position={[0,0,0]}/&gt;
      &lt;/Suspense&gt;
    )
  
  }
  
  export default Model
  </code></pre>
  <pre><code>import React, {useRef, useEffect, Suspense, lazy} from &quot;react&quot;;
  import { ReactThreeFiber, Canvas, useFrame, extend, useThree, useLoader } from 'react-three-fiber';
  import * as THREE from 'three';
  import Box from './Box';
  import Background from &quot;./Background&quot;;
  import Bulb from &quot;./Bulb&quot;;
  import Controls from &quot;./Controls&quot;;
  import Floor from &quot;./Floor&quot;;
  const Model = lazy(() =&gt; import(&quot;./Model&quot;));
  
  
  const ThreeD = () =&gt; {
  
    return (
      &lt;Canvas className=&quot;ThreeD&quot;
        shadows
        camera={{position:[200,200,200]}}
      &gt;
  
        &lt;ambientLight intensity={1.5}/&gt;
        &lt;Bulb position={[0, 3, 0]}/&gt;
  
        &lt;Suspense fallback={null}&gt;
          &lt;Model
          path={'/tesla_model_3/scene.gltf'}
          /&gt;
        &lt;/Suspense&gt;
  
        &lt;Controls/&gt;
        &lt;axesHelper args={[5]}/&gt;
  
        &lt;Suspense fallback={null}&gt;
          &lt;Box position={[4,2,0]}/&gt;
        &lt;/Suspense&gt;
  
        &lt;Suspense fallback={null}&gt;
          &lt;Background/&gt;
        &lt;/Suspense&gt;
  
        &lt;Floor position={[0,-.5,0]}/&gt;
  
      &lt;/Canvas&gt;
    )
  }
  
  
  export default ThreeD;
  </code></pre>