color-kitnext

@pbroom/color-kit/reactPlane renderer

ColorPlaneRendererHandle

Return value of useColorPlaneRenderer. Destructure it: passing handle.ref straight to JSX makes the React Compiler treat the whole handle as a ref, so reading handle.renderer in render is flagged.

interfaceimport type { ColorPlaneRendererHandle } from '@pbroom/color-kit/react';use-color-plane-renderer.ts:101
interface ColorPlaneRendererHandle {
  ref: RefCallback<HTMLCanvasElement>;
  canvasKey: number;
  renderer: ActiveColorPlaneRenderer;
  edgeBehavior: ColorPlaneEdgeBehavior;
}

Properties

refRefCallback<HTMLCanvasElement>
Callback ref for the <canvas> element; stable across renders.
canvasKeynumber
Pass as the canvas key. A canvas is locked to the first context kind requested from it, so switching between WebGL and the CPU fallback needs a fresh element; the hook bumps this value when it does.
rendererActiveColorPlaneRenderer
Rasterizer currently painting the canvas.
edgeBehaviorColorPlaneEdgeBehavior
Resolved out-of-gamut behavior.