chore: remove unwanted react fragments and added lint rule (#78)

eslint · Jun 25, 2022 · f137d95 · f137d95
1 parent 1794e7c
commit f137d95
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 23 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -53,6 +53,7 @@ module.exports = {
                 }
             },
             rules: {
+                "react/jsx-no-useless-fragment": "error",
                 "react/jsx-no-target-blank": "error",
 
                 // Disable rules that the codebase doesn't currently follow.

diff --git a/src/playground/components/CodeEditor.js b/src/playground/components/CodeEditor.js
@@ -10,25 +10,23 @@ import "../scss/editor.scss";
 
 export default function CodeEditor({ codeValue, onUpdate, eslintOptions }) {
     return (
-        <>
-            <CodeMirror
-                value={codeValue}
-                minWidth="100%"
-                height="100%"
-                extensions={
-                    [
-                        history(),
-                        bracketMatching(),
-                        linter(esLint(new ESLint(), eslintOptions), { delay: 0 }),
-                        javascript(),
-                        ESLintPlaygroundTheme,
-                        ESLintPlaygroundHighlightStyle
-                    ]
-                }
-                onChange={value => {
-                    onUpdate(value);
-                }}
-            />
-        </>
+        <CodeMirror
+            value={codeValue}
+            minWidth="100%"
+            height="100%"
+            extensions={
+                [
+                    history(),
+                    bracketMatching(),
+                    linter(esLint(new ESLint(), eslintOptions), { delay: 0 }),
+                    javascript(),
+                    ESLintPlaygroundTheme,
+                    ESLintPlaygroundHighlightStyle
+                ]
+            }
+            onChange={value => {
+                onUpdate(value);
+            }}
+        />
     );
 }
diff --git a/src/playground/components/CrashAlert.js b/src/playground/components/CrashAlert.js
@@ -19,8 +19,6 @@ export default function CrashAlert({ error }) {
     );
 
     return (
-        <React.Fragment>
-            <Alert type="error" text={AlertMessage} />
-        </React.Fragment>
+        <Alert type="error" text={AlertMessage} />
     );
 }