How to use react-use-measure

useEffect(() => composer.current.setSize(size.width, size.height), [size]);

useMemo(() => new Vector2(size.width, size.height), [size])

 occlusionComposer.current.setSize(size.width, size.height)
 composer.current.setSize(size.width, size.height)
}, [size])
   <renderPass attachArray="passes" args={[scene, camera]} />
   <shaderPass attachArray="passes" args={[AdditiveBlendingShader]} uniforms-tAdd-value={occlusionRenderTarget.texture} />
   <shaderPass attachArray="passes" args={[FXAAShader]} uniforms-resolution-value={[1 / size.width, 1 / size.height]} renderToScreen />
  </effectComposer>
 </>

const width = Math.ceil(size.width / gridSize);
const height = Math.ceil(size.height / gridSize);

useEffect(() => composer.current.setSize(size.width, size.height), [size]);

useEffect(() => composer.current.setSize(size.width, size.height), [size]);

useEffect(() => composer.current.setSize(size.width, size.height), [size]);