title: Colors of GLTF models are too pale with react-three-fiber
body: <p>I'm doing a project with <a href="https://www.npmjs.com/package/@react-three/fiber" rel="nofollow noreferrer">react-three-fiber</a> and included my Blender model (a .glb file) with <code>useGLTF</code> (from the <a href="https://www.npmjs.com/package/@react-three/drei" rel="nofollow noreferrer">drei</a> package). It seems to work but the colors are off, all the parts are way too pale.</p>
  <p>The stretched cube (a <code>boxGeometry</code> from R3F) and the cylinder (glb model) have the same material and the same color assigned, but the pink of the cube is much stronger.</p>
  <p>I did some googling and think that it might be the encoding, but I do not know to what I have to assign it.</p>
  <p>e.g. <a href="https://threejs.org/docs/#examples/en/loaders/GLTFLoader" rel="nofollow noreferrer">https://threejs.org/docs/#examples/en/loaders/GLTFLoader</a></p>
  <pre><code>renderer.outputEncoding = THREE.sRGBEncoding;
  texture.encoding = THREE.sRGBEncoding;
  </code></pre>
  <p>but I don't have a renderer object with R3F, nor has the material a texture</p>
  <p><a href="https://i.stack.imgur.com/MBw3x.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MBw3x.png" alt="enter image description here" /></a></p>
  <h2>Update</h2>
  <p>When I apply <code>&lt;Canvas linear&gt;</code> both objects have the same color, but both not the vibrant version</p>
  <p><a href="https://i.stack.imgur.com/6QVDi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6QVDi.png" alt="enter image description here" /></a></p>