Fix misuse of Hooks with useRef

.eslintrc.cjs

@@ -19,6 +19,7 @@ module.exports = {
   plugins: [
     'only-warn',
     'react',
+    'react-hooks',
     '@typescript-eslint'
   ],
   rules: {
@@ -29,5 +30,7 @@ module.exports = {
     '@typescript-eslint/semi': ['warn', 'always'],
     'no-unused-vars': 'off',
     '@typescript-eslint/no-unused-vars': 'error',
+    'react-hooks/rules-of-hooks': 'error', // Checks rules of Hooks
+    'react-hooks/exhaustive-deps': 'warn' // Checks effect dependencies
   }
 };