fix: eslint warnings in Recorder and useOverflowCheck (#229)

.eslintrc.json

@@ -21,6 +21,9 @@
   "ignorePatterns": ["resources/group_snippet.js"],
   "plugins": ["import", "unused-imports", "@tanstack/query"],
   "settings": {
+    "react": {
+      "version": "detect"
+    },
     "import/resolver": {
       "typescript": {}
     }

src/hooks/useOverflowCheck.ts

@@ -14,13 +14,14 @@ export function useOverflowCheck(ref: React.RefObject<HTMLElement>) {
     checkOverflow()
 
     const resizeObserver = new ResizeObserver(checkOverflow)
-    if (ref.current) {
-      resizeObserver.observe(ref.current)
+    const currentRef = ref.current
+    if (currentRef) {
+      resizeObserver.observe(currentRef)
     }
 
     return () => {
-      if (ref.current) {
-        resizeObserver.unobserve(ref.current)
+      if (currentRef) {
+        resizeObserver.unobserve(currentRef)
       }
     }
   }, [ref])

src/views/Recorder/Recorder.tsx

@@ -165,7 +165,7 @@ export function Recorder() {
         }
       )
     })
-  }, [validateAndSaveHarFile, showToast])
+  }, [validateAndSaveHarFile, showToast, navigate])
 
   return (
     <View