Suggest JSX fragment syntax in adjacent tag error

babel · Jan 4, 2018 · e00b0d2 · e00b0d2
1 parent 82c6ca2
commit e00b0d2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/babylon/src/plugins/jsx/index.js b/packages/babylon/src/plugins/jsx/index.js
@@ -471,7 +471,8 @@ export default (superClass: Class<Parser>): Class<Parser> =>
       if (this.match(tt.relational) && this.state.value === "<") {
         this.raise(
           this.state.start,
-          "Adjacent JSX elements must be wrapped in an enclosing tag",
+          "Adjacent JSX elements must be wrapped in an enclosing tag. " +
+            "Did you want a JSX fragment <>...</>?",
         );
       }
 

diff --git a/packages/babylon/test/fixtures/jsx/errors/adjacent-tags/options.json b/packages/babylon/test/fixtures/jsx/errors/adjacent-tags/options.json
@@ -1,3 +1,3 @@
 {
-  "throws": "Adjacent JSX elements must be wrapped in an enclosing tag (1:22)"
+  "throws": "Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>? (1:22)"
 }