fix: Fixed eslint warnings

Author: CrawlerCode

src/components/general/DateField.tsx

@@ -43,13 +43,15 @@ const DateField = ({ size = "md", title, icon, error, className, value, onChange
                 name: props.name,
                 value: instance.config.mode === "single" ? dates[0] : dates,
               },
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
             } as any);
           }}
           onClose={() => {
             onBlur?.({
               target: {
                 name: props.name,
               },
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
             } as any);
           }}
           className={clsx(

src/components/general/KBD.tsx

@@ -10,4 +10,5 @@ const KBD = ({ text, space = "md", className }: PropTypes) => {
   return <kbd className={clsx(space === "xl" ? "px-2" : "px-1", "mx-1 py-0.5 text-xs text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500", className)}>{text}</kbd>;
 };
 
+// eslint-disable-next-line react-refresh/only-export-components
 export default KBD;

src/components/issues/IssueTimer.tsx

@@ -69,7 +69,7 @@ const IssueTimer = forwardRef(({ issue, data: { active, time, start }, onStart,
           setEditMode(true);
         },
       } satisfies TimerRef),
-    [timer, editMode]
+    [timer, editMode, onStart, onPause]
   );
 
   return (

src/components/issues/IssuesListSkeleton.tsx

@@ -1,10 +1,11 @@
 import clsx from "clsx";
+import { Fragment } from "react";
 
 const IssuesListSkeleton = () => {
   return (
     <>
-      {[...Array(Math.floor(Math.random() * 2 + 2)).keys()].map(() => (
-        <>
+      {[...Array(Math.floor(Math.random() * 2 + 2)).keys()].map((i) => (
+        <Fragment key={i}>
           <div className="animate-pulse h-2.5 my-0.5 w-28 rounded-full bg-gray-200 dark:bg-gray-700" />
           {[...Array(Math.floor(Math.random() * 5 + 1)).keys()].map((_, i) => {
             return (
@@ -26,7 +27,7 @@ const IssuesListSkeleton = () => {
               </div>
             );
           })}
-        </>
+        </Fragment>
       ))}
     </>
   );

src/components/issues/Search.tsx

@@ -13,6 +13,7 @@ export type SearchQuery = {
   inProject?: TReference;
 };
 
+// eslint-disable-next-line react-refresh/only-export-components
 export const defaultSearchQuery: SearchQuery = { searching: false, mode: "issue", query: "" };
 
 type PropTypes = {
@@ -47,7 +48,7 @@ const Search = forwardRef(({ onSearch }: PropTypes, ref: ForwardedRef<SearchRef>
       query,
       inProject,
     });
-  }, [searching, mode, query, inProject]);
+  }, [searching, mode, query, inProject, onSearch]);
 
   // hotkeys
   useHotKey(

src/hooks/useMyIssues.ts

@@ -26,10 +26,10 @@ const useMyIssues = (additionalIssuesIds: number[], search: SearchQuery) => {
   // auto fetch all pages
   useEffect(() => {
     if (issuesQuery.hasNextPage && !issuesQuery.isFetchingNextPage) issuesQuery.fetchNextPage();
-  }, [issuesQuery.hasNextPage, issuesQuery.isFetchingNextPage, issuesQuery.fetchNextPage]);
+  }, [issuesQuery]);
   useEffect(() => {
     if (additionalIssuesQuery.hasNextPage && !additionalIssuesQuery.isFetchingNextPage) additionalIssuesQuery.fetchNextPage();
-  }, [additionalIssuesQuery.hasNextPage, additionalIssuesQuery.isFetchingNextPage, additionalIssuesQuery.fetchNextPage]);
+  }, [additionalIssuesQuery]);
 
   let issues = issuesQuery.data?.pages?.flat() ?? [];
   issues.push(...(additionalIssuesQuery.data?.pages?.flat().filter((issue) => !issues.find((iss) => iss.id === issue.id)) ?? []));

src/hooks/useMyTimeEntries.ts

@@ -12,7 +12,7 @@ const useMyTimeEntries = (from: Date, to: Date) => {
   // auto fetch all pages
   useEffect(() => {
     if (entriesQuery.hasNextPage && !entriesQuery.isFetchingNextPage) entriesQuery.fetchNextPage();
-  }, [entriesQuery.hasNextPage, entriesQuery.isFetchingNextPage, entriesQuery.fetchNextPage]);
+  }, [entriesQuery]);
 
   const entries = entriesQuery.data?.pages?.flat() ?? [];
 

src/hooks/useStorage.ts

@@ -13,6 +13,7 @@ const useStorage = <T>(name: string, defaultValue: T) => {
         } catch (error) {}
       }
     });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   // set data to storage