defaults

Author: Guillar1

packages/sandcastle/src/ApiKeyDialog.tsx

@@ -28,7 +28,9 @@ export function ApiKeyDialog({ open, onClose, onSuccess }: ApiKeyDialogProps) {
   const [cesiumError, setCesiumError] = useState<string | null>(null);
   const [cesiumSuccess, setCesiumSuccess] = useState(false);
 
-  const cesiumSuccessTimeoutRef = useRef<ReturnType<typeof setTimeout>>();
+  const cesiumSuccessTimeoutRef = useRef<
+    ReturnType<typeof setTimeout> | undefined
+  >(undefined);
 
   useEffect(() => {
     return () => clearTimeout(cesiumSuccessTimeoutRef.current);

packages/sandcastle/src/App.tsx

@@ -141,7 +141,9 @@ function App() {
   const [chatPanelOpen, setChatPanelOpen] = useState(false);
   const [inlineChanges, setInlineChanges] = useState<InlineChange[]>([]);
   const editorRef = useRef<SandcastleEditorRef>(null);
-  const autoRunTimeoutRef = useRef<ReturnType<typeof setTimeout>>();
+  const autoRunTimeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(
+    undefined,
+  );
   const activeWorkerRef = useRef<Worker | null>(null);
   const diffApplierRef = useRef<DiffApplier | null>(null);
   useEffect(

packages/sandcastle/src/ChatMessage.tsx

@@ -57,7 +57,9 @@ export const ChatMessage = memo(function ChatMessage({
     html: boolean;
   }>({ javascript: false, html: false });
   const [copiedToClipboard, setCopiedToClipboard] = useState(false);
-  const copiedTimeoutRef = useRef<ReturnType<typeof setTimeout>>();
+  const copiedTimeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(
+    undefined,
+  );
 
   useEffect(() => {
     return () => clearTimeout(copiedTimeoutRef.current);

packages/sandcastle/src/DiffPreview.tsx

@@ -116,7 +116,9 @@ export function DiffPreview({
   );
   const editorRef = useRef<editor.IStandaloneDiffEditor | null>(null);
   const containerRef = useRef<HTMLDivElement>(null);
-  const successTimeoutRef = useRef<ReturnType<typeof setTimeout>>();
+  const successTimeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(
+    undefined,
+  );
   const disposableRef = useRef<{ dispose: () => void } | null>(null);
 
   // Keep diff expanded when applied (for audit trail)

packages/sandcastle/src/SimpleDiffPreview.tsx

@@ -154,7 +154,9 @@ export function SimpleDiffPreview({
 }: SimpleDiffPreviewProps) {
   const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);
   const [showSuccess, setShowSuccess] = useState(false);
-  const successTimeoutRef = useRef<ReturnType<typeof setTimeout>>();
+  const successTimeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(
+    undefined,
+  );
 
   useEffect(() => {
     return () => clearTimeout(successTimeoutRef.current);