fix canvas not repainting when props change

The repaint callback only depended on [imageState, border] but not on
scale, rotate, borderRadius, showGrid, color, etc. When those props
changed, the core config was updated but repaint never re-ran because
its dependency array was unchanged. Add all visual props to the
repaint dependency array.

Author: mosch

packages/lib/src/index.ts

@@ -195,7 +195,27 @@ const AvatarEditor = forwardRef<AvatarEditorRef, Props>((props, ref) => {
     context.clearRect(0, 0, canvasEl.width, canvasEl.height)
     coreRef.current.paint(context)
     coreRef.current.paintImage(context, imageState, border)
-  }, [getContext, getCanvas, imageState, border])
+    // eslint-disable-next-line -- all visual props must trigger repaint
+  }, [
+    getContext,
+    getCanvas,
+    imageState,
+    border,
+    width,
+    height,
+    borderRadius,
+    scale,
+    rotate,
+    color,
+    backgroundColor,
+    borderColor,
+    showGrid,
+    gridColor,
+    disableBoundaryChecks,
+    disableHiDPIScaling,
+    disableCanvasRotation,
+    crossOrigin,
+  ])
 
   const handleMouseDown: MouseEventHandler<HTMLCanvasElement> = useCallback(
     (e) => {