title: How to properly (dynamically) change color of a mesh into group?
body: <p>I have a model:</p>
  <pre><code>&lt;group ref={group} {...props} dispose={null} onDoubleClick={e =&gt; {e.stopPropagation(); clickHandler(e)}}&gt;
      &lt;mesh geometry={nodes.Mesh7_Group3_Group2_Group1_G_2016_Lexus_LX570__1_1_Lexus_LX570_.geometry} material={nodes.Mesh7_Group3_Group2_Group1_G_2016_Lexus_LX570__1_1_Lexus_LX570_.material} position={[-72.7, 0.53, 4.83]} rotation={[1.83, -0.26, 0]} scale={2.05} /&gt;
      &lt;mesh geometry={nodes.Mesh740_black1_Group8_Group1_G_2016_Lexus_LX570__1_1_Lexus_LX57.geometry} material={materials.black_plastic_matt} position={[-72.75, 0, 4.83]} rotation={[1.83, 0.24, -0.13]} scale={2.05} /&gt;
      &lt;mesh geometry={nodes.Mesh468_plasstik_r1_Group8_Group1_G_2016_Lexus_LX570__1_1_Lexus.geometry} material={nodes.Mesh468_plasstik_r1_Group8_Group1_G_2016_Lexus_LX570__1_1_Lexus.material} position={[-72.75, 0, 4.83]} rotation={[1.83, 0.24, -0.13]} scale={2.05} /&gt;
  &lt;/group&gt;
  </code></pre>
  <p>By this function I can change color of a clicked target, but it triggers changing color of a material generally and all parts with this material changing its color.</p>
  <pre><code>const clickHandler = (e: any) =&gt; { 
                  e.object.material.color = {r: 0, g: 1, b: 0} 
        }
  </code></pre>
  <p>I also tried to edit my meshes:</p>
  <p>From:</p>
  <pre><code>&lt;mesh geometry={nodes.toyota_alphard039.geometry} material={materials.black_plastic_gloss} rotation={[Math.PI / 2, 0, 0]}/&gt;
  </code></pre>
  <p>to:</p>
  <pre><code>&lt;mesh geometry={nodes.toyota_alphard039.geometry} material={materials.black_plastic_gloss} rotation={[Math.PI / 2, 0, 0]}&gt;
      &lt;meshBasicMaterial color=&quot;red&quot; /&gt;
  &lt;/mesh&gt;
  </code></pre>
  <p>It forced me to an idea of creation a function that will adding into <code>mesh</code> the node <code>&lt;meshBasicMaterial color=&quot;red&quot; /&gt;</code></p>
  <p>How to implement it correctly?</p>