From 239ff7fd97575ccaa1396e8e25cee1b923bd7604 Mon Sep 17 00:00:00 2001
From: lucaronin <luca.rossi.917@gmail.com>
Date: Thu, 5 Mar 2026 14:40:05 +0100
Subject: [PATCH] fix: pass undefined to useRef for strict TypeScript compat

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/ThemePropertyEditor.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ThemePropertyEditor.tsx b/src/components/ThemePropertyEditor.tsx
index f9dc2d62..c1820ff5 100644
--- a/src/components/ThemePropertyEditor.tsx
+++ b/src/components/ThemePropertyEditor.tsx
@@ -30,7 +30,7 @@ function NumberInput({ property, value, onChange }: {
   onChange: (val: string) => void
 }) {
   const numericValue = typeof value === 'number' ? value : parseFloat(String(value)) || 0
-  const debounceRef = useRef<ReturnType<typeof setTimeout>>()
+  const debounceRef = useRef<ReturnType<typeof setTimeout>>(undefined)
 
   const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
     const raw = e.target.value
@@ -68,7 +68,7 @@ function ColorInput({ property, value, onChange }: {
   onChange: (val: string) => void
 }) {
   const [localValue, setLocalValue] = useState(value)
-  const debounceRef = useRef<ReturnType<typeof setTimeout>>()
+  const debounceRef = useRef<ReturnType<typeof setTimeout>>(undefined)
   const showSwatch = isValidCssColor(localValue)
 
   const handleTextChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
@@ -121,7 +121,7 @@ function TextInput({ property, value, onChange }: {
   value: string
   onChange: (val: string) => void
 }) {
-  const debounceRef = useRef<ReturnType<typeof setTimeout>>()
+  const debounceRef = useRef<ReturnType<typeof setTimeout>>(undefined)
 
   const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
     const newVal = e.target.value