Added React hooks lint rules and fixed useMemo error (#20)

DaniGuardiola · Nov 6, 2023 · 4127a09 · 4127a09
1 parent e7d573e
commit 4127a09
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/silver-hats-poke.md b/.changeset/silver-hats-poke.md
@@ -0,0 +1,5 @@
+---
+"classy-ink": patch
+---
+
+Added React hooks lint rules and fixed memoization issue
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -8,6 +8,7 @@ module.exports = {
     "eslint:recommended",
     "plugin:@typescript-eslint/recommended",
     "plugin:react/recommended",
+    "plugin:react-hooks/recommended",
     "plugin:react/jsx-runtime",
   ],
   overrides: [

diff --git a/bun.lockb b/bun.lockb
diff --git a/package.json b/package.json
@@ -33,6 +33,7 @@
     "eslint": "^8.52.0",
     "eslint-plugin-import": "^2.29.0",
     "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "prettier": "^3.0.3",
     "prettier-plugin-tailwindcss": "^0.5.6",

diff --git a/src/components/useClassyInk.ts b/src/components/useClassyInk.ts
@@ -13,5 +13,5 @@ export function useClassyInk(className?: string): Props {
     const result = compileClass(className);
     cache?.set(className, result);
     return result;
-  }, [className]);
+  }, [cache, className]);
 }