chore: automatic fixes from the linter (#2074)

## Summary

I'm tired of seeing automatic lint fixes so I ran `make dev-lint`

Author: knudtty

packages/app/src/DBChartPage.tsx

@@ -166,7 +166,6 @@ function AIAssistant({
       </Group>
       <Collapse in={opened}>
         {opened && (
-          // eslint-disable-next-line react-hooks/refs
           <form onSubmit={handleSubmit(onSubmit)}>
             <Group mb="md">
               <SourceSelectControlled

packages/app/src/DOMPlayer.tsx

@@ -264,7 +264,6 @@ export default function DOMPlayer({
       );
     }
 
-    // eslint-disable-next-line react-hooks/immutability
     updatePlayerTimeRafRef.current = requestAnimationFrame(updatePlayerTime);
   }, []);
 

packages/app/src/components/DBHeatmapChart.tsx

@@ -953,7 +953,7 @@ function Heatmap({
       },
       plugins: [
         // legendAsTooltipPlugin()
-        // eslint-disable-next-line react-hooks/refs -- mouseInsideRef is read at event time, not during render
+
         highlightDataPlugin({
           proximity: 20,
           yFormatter: tickFormatter,

packages/app/src/components/SQLEditor/SQLEditor.tsx

@@ -98,7 +98,7 @@ export default function SQLEditor({
         minHeight={'100px'}
         extensions={[
           createCodeMirrorStyleTheme(),
-          // eslint-disable-next-line react-hooks/refs
+
           compartmentRef.current.of(
             clickhouseSql({
               upperCaseKeywords: true,

packages/app/src/components/SQLEditor/SQLInlineEditor.tsx

@@ -242,7 +242,6 @@ export default function SQLInlineEditor({
       // Enable line wrapping when multiline is allowed (regardless of focus)
       ...(allowMultiline ? [EditorView.lineWrapping] : []),
 
-      // eslint-disable-next-line react-hooks/refs
       compartmentRef.current.of(
         clickhouseSql({
           upperCaseKeywords: true,

packages/app/src/hooks/useResizable.tsx

@@ -52,7 +52,7 @@ function useResizable(
 
   const endResize = useCallback(() => {
     document.removeEventListener('mousemove', handleResize);
-    // eslint-disable-next-line react-hooks/immutability
+
     document.removeEventListener('mouseup', endResize);
   }, [handleResize]);
 

packages/app/src/hooks/useStableCallback.ts

@@ -10,7 +10,7 @@ export const useStableCallback = <T extends (...args: any[]) => any>(
   });
 
   return useCallback(
-    // eslint-disable-next-line react-hooks/use-memo, @typescript-eslint/no-unsafe-type-assertion
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-type-assertion
     ((...args: Parameters<T>) => callbackRef.current(...args)) as T,
     [],
   );

packages/app/src/timeQuery.ts

@@ -243,13 +243,12 @@ export function useTimeQuery({
       liveTailTimeRange == null &&
       tempLiveTailTimeRange == null &&
       !isInputTimeQueryLive(inputTimeQuery) &&
-      // eslint-disable-next-line react-hooks/refs
       inputTimeQueryDerivedTimeQueryRef.current != null
     ) {
       // Use the input time query, allows users to specify relative time ranges
       // via url ex. /logs?tq=Last+30+minutes
       // return inputTimeQueryDerivedTimeQuery as [Date, Date];
-      // eslint-disable-next-line react-hooks/refs
+
       return inputTimeQueryDerivedTimeQueryRef.current;
     } else if (
       isReady &&
@@ -345,7 +344,6 @@ export function useTimeQuery({
     ],
   );
 
-  // eslint-disable-next-line react-hooks/refs
   return {
     isReady, // Don't search until we know what we want to do
     isLive,

packages/app/src/useQueryParam.tsx

@@ -28,7 +28,6 @@ export const QueryParamProvider = ({
 
   const setState = useCallback(
     (state: Record<string, any>) => {
-      // eslint-disable-next-line react-hooks/immutability
       setCache(oldCache => {
         const newCache = {
           ...oldCache,

packages/app/src/utils.ts

@@ -643,7 +643,7 @@ export const usePrevious = <T>(value: T): T | undefined => {
   useEffect(() => {
     ref.current = value;
   });
-  // eslint-disable-next-line react-hooks/refs
+
   return ref.current;
 };