From 6ce16388f2ee69b0e890e482eb75608226778e7e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Mon, 17 Nov 2025 22:08:16 +0100
Subject: [PATCH] fix: add initial values to useRef hooks for TypeScript
 compliance
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Provide undefined as initial value to useRef hooks for debounce timers to satisfy TypeScript strict mode requirements.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/tools/ManipulationPanel.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/tools/ManipulationPanel.tsx b/components/tools/ManipulationPanel.tsx
index c9e7def..52b41af 100644
--- a/components/tools/ManipulationPanel.tsx
+++ b/components/tools/ManipulationPanel.tsx
@@ -33,11 +33,11 @@ export function ManipulationPanel({ color, onColorChange }: ManipulationPanelPro
   const complementMutation = useComplement();
 
   // Debounce timers
-  const lightenTimer = useRef<NodeJS.Timeout>();
-  const darkenTimer = useRef<NodeJS.Timeout>();
-  const saturateTimer = useRef<NodeJS.Timeout>();
-  const desaturateTimer = useRef<NodeJS.Timeout>();
-  const rotateTimer = useRef<NodeJS.Timeout>();
+  const lightenTimer = useRef<NodeJS.Timeout | undefined>(undefined);
+  const darkenTimer = useRef<NodeJS.Timeout | undefined>(undefined);
+  const saturateTimer = useRef<NodeJS.Timeout | undefined>(undefined);
+  const desaturateTimer = useRef<NodeJS.Timeout | undefined>(undefined);
+  const rotateTimer = useRef<NodeJS.Timeout | undefined>(undefined);
 
   // Reactive lighten
   useEffect(() => {