title: LensFlare Issue in Three JS
body: <p>I'm using react three fiber and attempting to use the LensFlare Effect that's on the three js docs but I cannot seem to get it working at all. I'm getting no errors with this:</p>
  <pre><code>import { extend, useLoader } from &quot;@react-three/fiber&quot;;
  import {
    Lensflare,
    LensflareElement,
  } from &quot;three/examples/jsm/objects/Lensflare.js&quot;;
  import { TextureLoader } from &quot;three/src/loaders/TextureLoader&quot;;
  import lensflare0 from &quot;../assets/lensflare0.png&quot;;
  import lensflare3 from &quot;../assets/lensflare3.png&quot;;
  
  extend({ Lensflare, LensflareElement });
  
  const Flares = () =&gt; {
    const [flare0, flare3] = useLoader(TextureLoader, [lensflare0, lensflare3]);
  
    return (
      &lt;pointLight
        intensity={3}
        position={[2, 2, 2]}
        color=&quot;white&quot;
      &gt;
        &lt;lensflare&gt;
          &lt;lensflareElement texture={flare0} size={60} distance={0.6} /&gt;
          &lt;lensflareElement texture={flare3} size={70} distance={0.7} /&gt;
          &lt;lensflareElement texture={flare3} size={120} distance={0.9} /&gt;
          &lt;lensflareElement texture={flare3} size={70} distance={1} /&gt;
        &lt;/lensflare&gt;
      &lt;/pointLight&gt;
    );
  };
  
  export default Flares;
  </code></pre>
  <p>anyone might have any idea?</p>