useRender causes the canvas objects to render 3 times on mount

I’ve noticed when using useRender the objects render 3 times on mount. https://codesandbox.io/s/kk2z0okjq3

function RenderTest() {
  console.log('render')
  useRender(() => true)
  return (
    <mesh>
      <icosahedronBufferGeometry attach="geometry" args={[1, 0]} />
      <meshNormalMaterial attach="material" />
    </mesh>
  )
}

function App() {
  return (
    <Canvas>
      <RenderTest />
    </Canvas>
  )
}

[drcmda]

@arif-hanif components should never rely on render cycles, you just can’t know if a parent re-renders for any reason, it could call setState in an interval if it wanted, components need to be impervious to it. If you have a calculation that’s being precessed more than once you need to use useMemo.

The issue is otherwise easy to fix, i’m just not sure in what manner because it will be a breaking change which needs a new major. But it still shouldn’t cause any app related problems right now.

[arif-hanif]

i am running into the same issue with 3 renders so any computations on the scenes get called 3 times.