Merge pull request #416 from mashmatrix/change-to-hooks-fc

Change to use Hooks and convert to Functional Component

Author: stomita

.eslintrc.js

@@ -11,6 +11,7 @@ module.exports = {
     '@typescript-eslint',
     'jsx-a11y',
     'prettier',
+    'react-hooks',
   ],
   'parserOptions': {
     'sourceType': 'module',
@@ -34,10 +35,12 @@ module.exports = {
     '@typescript-eslint/no-non-null-assertion': 1,
     '@typescript-eslint/restrict-plus-operands': 1,
     '@typescript-eslint/no-empty-function': 1,
-    'react/prop-types': 1,
-    'react/display-name': 1,
-    'react/no-deprecated': 1,
+    'react/prop-types': 0,
+    'react/display-name': 0,
+    'react/no-deprecated': 0,
     // tmp disabled - end
     'prettier/prettier': 2,
+    'react-hooks/rules-of-hooks': 2,
+    'react-hooks/exhaustive-deps': 2,
   }
 };

package.json

@@ -54,6 +54,7 @@
     "keycoder": "^1.1.1",
     "moment": "^2.13.0",
     "prop-types": "^15.7.2",
+    "react-merge-refs": "^1.1.0",
     "react-relative-portal": "github:stomita/react-relative-portal#dist",
     "svg4everybody": "^2.0.3",
     "uuid": "^2.0.2"
@@ -84,6 +85,7 @@
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.29.4",
+    "eslint-plugin-react-hooks": "^4.5.0",
     "gh-pages": "^0.12.0",
     "npm-run-all": "^4.0.1",
     "prettier": "^2.6.2",