add self closing (#14)

Co-authored-by: kanary <[email protected]>

.changeset/yellow-schools-wonder.md

@@ -0,0 +1,5 @@
+---
+"@channel.io/eslint-config": patch
+---
+
+Add self-closing error for eslint-config

packages/eslint-config/rules/react.js

@@ -1,23 +1,36 @@
 module.exports = {
   parserOptions: { ecmaFeatures: { jsx: true } },
   plugins: ['react', 'react-hooks', 'jsx-a11y'],
-  rules:{
+  rules: {
     'jsx-quotes': ['error', 'prefer-double'],
     'react/jsx-boolean-value': ['error', 'never', { always: [] }],
-    'react/jsx-pascal-case': ['error', {
-      allowAllCaps: true,
-      ignore: [],
-    }],
+    'react/jsx-pascal-case': [
+      'error',
+      {
+        allowAllCaps: true,
+        ignore: [],
+      },
+    ],
     'react/no-string-refs': 'error',
     'react/no-unknown-property': 'error',
-    'react/jsx-key': ['error', {
-      checkFragmentShorthand: true,
-      checkKeyMustBeforeSpread: true,
-    }],
-    'react/jsx-curly-spacing': ['error', { when: 'never', children: { when: 'always' }, }],
-    'react/jsx-filename-extension': ['warn', { extensions: ['.js', '.jsx', '.tsx'] }],
+    'react/jsx-key': [
+      'error',
+      {
+        checkFragmentShorthand: true,
+        checkKeyMustBeforeSpread: true,
+      },
+    ],
+    'react/jsx-curly-spacing': [
+      'error',
+      { when: 'never', children: { when: 'always' } },
+    ],
+    'react/jsx-filename-extension': [
+      'warn',
+      { extensions: ['.js', '.jsx', '.tsx'] },
+    ],
     'react/jsx-no-constructed-context-values': 'error',
     'react/no-find-dom-node': 'warn',
+    'react/self-closing-comp': 'error',
     'react-hooks/exhaustive-deps': 'error',
     'react-hooks/rules-of-hooks': 'error',
   },