title: Mesh not updating face or vertex colors
body: <p>I am using react-three-fiber and I cannot get updated <code>mesh</code> and <code>vertex</code> colors to display.  The color of my mesh stays the same even after I do all the steps below:</p>
  
  <p>I have the following code which creates a <code>mesh</code>:</p>
  
  <pre><code>const material = new THREE.MeshBasicMaterial({
          color: 0xffffff,
          transparent: true,
          opacity: 0.5,
          wireframe: false,
          side: THREE.DoubleSide,
          vertexColors: true,
        });
        const mesh = new THREE.Mesh(curvedGeometry, material);
  </code></pre>
  
  <p>I then render that mesh using a <code>primitive</code> component</p>
  
  <pre><code>&lt;primitive object={mesh} /&gt;
  </code></pre>
  
  <p>Later, I change the face and vertex colors in that mesh.  So that all the vertices and faces have the color values in the picture below:</p>
  
  <p><a href="https://i.stack.imgur.com/N2GyZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/N2GyZ.png" alt="enter image description here"></a></p>
  
  <p>Finally, I set the colorsNeedUpdate value on the geometry to true like this</p>
  
  <pre><code>polygonMesh.geometry.colorsNeedUpdate = true;
  </code></pre>
  
  <p>Code sandbox link here: <a href="https://codesandbox.io/s/change-vertex-colors-old-rz82v?runonclick=1&amp;file=/src/index.tsx:665-673" rel="nofollow noreferrer">https://codesandbox.io/s/change-vertex-colors-old-rz82v?runonclick=1&amp;file=/src/index.tsx:665-673</a></p>