tsc error fixes

packages/desktop-client/src/components/AnimatedRefresh.tsx

@@ -23,7 +23,9 @@ export default function AnimatedRefresh({
 }: AnimatedRefreshProps) {
   return (
     <View
-      style={{ animation: animating ? `${spin} 1s infinite linear` : null }}
+      style={{
+        animation: animating ? `${spin} 1s infinite linear` : undefined,
+      }}
     >
       <Refresh width={14} height={14} style={iconStyle} />
     </View>

packages/desktop-client/src/components/sort.tsx

@@ -3,39 +3,17 @@ import React, {
   useEffect,
   useRef,
   useLayoutEffect,
-  useMemo,
   useState,
   useContext,
-  type RefCallback,
-  type MutableRefObject,
   type Context,
-  type Ref,
 } from 'react';
 import { useDrag, useDrop } from 'react-dnd';
 
+import { useMergedRefs } from '../hooks/useMergedRefs';
 import { theme } from '../style';
 
 import View from './common/View';
 
-function useMergedRefs<T>(
-  ref1: RefCallback<T> | MutableRefObject<T>,
-  ref2: RefCallback<T> | MutableRefObject<T>,
-): Ref<T> {
-  return useMemo(() => {
-    function ref(value) {
-      [ref1, ref2].forEach(ref => {
-        if (typeof ref === 'function') {
-          ref(value);
-        } else if (ref != null) {
-          ref.current = value;
-        }
-      });
-    }
-
-    return ref;
-  }, [ref1, ref2]);
-}
-
 type DragState = {
   state: 'start-preview' | 'start' | 'end';
   type?: string;

packages/desktop-client/src/hooks/useMergedRefs.ts

@@ -0,0 +1,25 @@
+import {
+  type MutableRefObject,
+  type Ref,
+  type RefCallback,
+  useMemo,
+} from 'react';
+
+export function useMergedRefs<T>(
+  ref1: RefCallback<T> | MutableRefObject<T>,
+  ref2: RefCallback<T> | MutableRefObject<T>,
+): Ref<T> {
+  return useMemo(() => {
+    function ref(value: T) {
+      [ref1, ref2].forEach(ref => {
+        if (typeof ref === 'function') {
+          ref(value);
+        } else if (ref != null) {
+          ref.current = value;
+        }
+      });
+    }
+
+    return ref;
+  }, [ref1, ref2]);
+}