fix: install eslint-plugin-react-hooks and fix errors

.eslintrc.json

@@ -0,0 +1,25 @@
+{
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "project": "tsconfig.json",
+    "tsconfigRootDir": "."
+  },
+  "plugins": [
+    "@typescript-eslint",
+    "prettier",
+    "react-hooks"
+  ],
+  "extends": [
+    "plugin:@typescript-eslint/recommended",
+    "plugin:prettier/recommended",
+    "prettier",
+    "prettier/@typescript-eslint"
+  ],
+  "rules": {
+    "@typescript-eslint/explicit-function-return-type": 0,
+    "@typescript-eslint/no-non-null-assertion": 0,
+    "@typescript-eslint/no-unused-vars": 0,
+    "react-hooks/exhaustive-deps": 2,
+    "react-hooks/rules-of-hooks": 2
+  }
+}

index.tsx

@@ -119,12 +119,12 @@ const StickyNav = React.forwardRef<HTMLDivElement, Props>(
 
       prevScroll.current = scroll;
       animation.current = null;
-    }, [disabled, !!render]);
+    }, [disabled, ref, render]);
 
-    const handleScroll = () => {
+    const handleScroll = React.useCallback(() => {
       if (animation.current) window.cancelAnimationFrame(animation.current);
       animation.current = window.requestAnimationFrame(handleAnimateTop);
-    };
+    }, [handleAnimateTop]);
 
     const handleAddEventListener = React.useCallback(() => {
       if (typeof (window as UndefinedWindow) !== "undefined") {
@@ -141,12 +141,12 @@ const StickyNav = React.forwardRef<HTMLDivElement, Props>(
     React.useEffect(() => {
       if (disabled) handleRemoveEventListener();
       else handleAddEventListener();
-      return () => handleAddEventListener();
-    }, [disabled]);
+      return () => handleRemoveEventListener();
+    }, [disabled, handleAddEventListener, handleRemoveEventListener]);
 
     React.useEffect(() => {
       if (!disabled) handleAnimateTop();
-    }, []);
+    }, [disabled, handleAnimateTop]);
 
     if (render) {
       return render({ position, ref, top: renderTop });

package.json

@@ -64,6 +64,7 @@
     "eslint": "^6.8.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-prettier": "^3.1.3",
+    "eslint-plugin-react-hooks": "4.0.0",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.2",
     "parcel-bundler": "1.12.4",