feat: wrap functions in useCallback

Author: ugogo

.eslintrc

@@ -4,7 +4,7 @@
   "parserOptions": {
     "project": ["./tsconfig.json", "rollup.config.js"]
   },
-  "plugins": ["@typescript-eslint"],
+  "plugins": ["@typescript-eslint", "react-hooks"],
   "extends": [
     "eslint:recommended",
     "plugin:@typescript-eslint/recommended",
@@ -20,6 +20,8 @@
   },
   "rules": {
     "react/jsx-sort-props": "error",
-    "react/sort-prop-types": "error"
+    "react/sort-prop-types": "error",
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn"
   }
 }

package.json

@@ -92,6 +92,7 @@
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^6.0.1",
     "eslint-plugin-react": "^7.31.8",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-typescript-sort-keys": "^2.1.0",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.16",