fix: Remove ineffective React.memo from PatternCanvas

Address Copilot review feedback: PatternCanvas doesn't accept any props,
so React.memo has no effect. The component re-renders are driven by
Zustand store subscriptions which trigger regardless of memoization.

Keep React.memo on PatternLayer since it does receive props and benefits
from memoization.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Jan-Henrik Bruhn 2025-12-27 17:11:31 +01:00
parent 512eb732de
commit 77ec00df86

View file

@ -1,4 +1,4 @@
import { useRef, useMemo, memo } from "react";
import { useRef, useMemo } from "react";
import { useShallow } from "zustand/react/shallow";
import {
useMachineStore,
@ -23,7 +23,7 @@ import { ZoomControls } from "./ZoomControls";
import { PatternLayer } from "./PatternLayer";
import { useCanvasViewport, usePatternTransform } from "@/hooks";
export const PatternCanvas = memo(function PatternCanvas() {
export function PatternCanvas() {
// Machine store
const { sewingProgress, machineInfo } = useMachineStore(
useShallow((state) => ({
@ -277,4 +277,4 @@ export const PatternCanvas = memo(function PatternCanvas() {
</CardContent>
</Card>
);
});
}