feat(eslint-config): add react rules

* react/jsx-fragments
* react/jsx-no-useless-fragment
* react/hook-use-state
* react/jsx-handler-names
* react/no-unstable-nested-components

packages/eslint-config/react.js

@@ -24,13 +24,31 @@ module.exports = {
   rules: {
     'react/prop-types': 'off',
     'react/jsx-pascal-case': 'error',
+    'react/jsx-fragments': 'error',
+    'react/jsx-no-useless-fragment': 'error',
     'react/no-multi-comp': 'error',
+    'react/hook-use-state': 'error',
+    'react/jsx-handler-names': [
+      'error',
+      {
+        eventHandlerPrefix: 'handle',
+        eventHandlerPropPrefix: 'on',
+        checkLocalVariables: true,
+        checkInlineFunction: true
+      }
+    ],
     'react-hooks/exhaustive-deps': [
       'warn',
       {
         additionalHooks: '(useDeferCallback)'
       }
     ],
+    'react/no-unstable-nested-components': [
+      'error',
+      {
+        allowAsProps: true
+      }
+    ],
     'jsx-a11y/no-autofocus': [
       'error',
       {