shapeBufferGeometry isn't working after update.

[wileyknight]

I had this code running before updating to 6.0.10

function PlaneMask() {
  const maskPts = [];
  maskPts.push(new THREE.Vector2(0, 0));
  maskPts.push(new THREE.Vector2(0, 320));
  maskPts.push(new THREE.Vector2(320, 420));
  maskPts.push(new THREE.Vector2(320, 100));
  maskPts.push(new THREE.Vector2(0, 0));

  const maskShape: any = new THREE.Shape(maskPts);

  return (
    <mesh position={[-160, -210, 0]}>
      <shapeBufferGeometry attach="geometry" args={maskShape} />
      <meshBasicMaterial attach="material" color={'#FF0000'} />
    </mesh>
  );
}

trying to return that geometry gives me this error:

TypeError: argsNew.some is not a function
commitUpdate
C:/inetpub/wwwroot/wileyknight3d/node_modules/@react-three/fiber/dist/react-three-fiber.esm.js:856

  853 |   ...restOld
  854 | } = oldProps; // If it has new props or arguments, then it needs to be re-instanciated
  855 | 
> 856 | const hasNewArgs = argsNew.some((value, index) => is.obj(value) ? Object.entries(value).some(([key, val]) => val !== argsOld[index][key]) : value !== argsOld[index]);
      | ^  857 | 
  858 | if (hasNewArgs) {
  859 |   // Next we create a new instance and append it again

I've tried several methods of trying to get this to work but can't seem to figure it out.

Thanks anyone.

[wileyknight]

Never mind it's working as long as I don't render it into a portal.

[drcmda]

args is always an array, it never is a single object.

also

const maskShape = useMemo(() => 
  const maskPts = [];
  maskPts.push(new THREE.Vector2(0, 0));
  maskPts.push(new THREE.Vector2(0, 320));
  maskPts.push(new THREE.Vector2(320, 420));
  maskPts.push(new THREE.Vector2(320, 100));
  maskPts.push(new THREE.Vector2(0, 0));
  return new THREE.Shape(maskPts);
,[])

or else it will create the shape from scratch every render.

[wileyknight]

I changed my code to use your memo-ized sample and updated

<shapeBufferGeometry attach="geometry" args={[maskShape]} />

It's working great now.

Thank you, this and the other masking problem I was having have really cleared things up for me as to what is happening with r3f.