From 9fc79cf03445d57497e6d2f97ad702797995fb45 Mon Sep 17 00:00:00 2001
From: Nick Taylor <nick@iamdeveloper.com>
Date: Wed, 1 Jul 2020 09:19:33 -0400
Subject: [PATCH] Added pragmaFrag so terse Fragment syntax,<></>, can be used
 in Preact. (#9051)

---
 .../article-form/components/ArticleCoverImage.jsx           | 6 +++---
 babel.config.js                                             | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/javascript/article-form/components/ArticleCoverImage.jsx b/app/javascript/article-form/components/ArticleCoverImage.jsx
index 8caa0db7b..46419a67c 100644
--- a/app/javascript/article-form/components/ArticleCoverImage.jsx
+++ b/app/javascript/article-form/components/ArticleCoverImage.jsx
@@ -1,4 +1,4 @@
-import { h, Component, Fragment } from 'preact';
+import { h, Component } from 'preact';
 import PropTypes from 'prop-types';
 import { generateMainImage } from '../actions';
 import { validateFileInputs } from '../../packs/validateFileInputs';
@@ -75,7 +75,7 @@ export class ArticleCoverImage extends Component {
               <Spinner /> Uploading...
             </span>
           ) : (
-            <Fragment>
+            <>
               <Button variant="outlined" className="mr-2 whitespace-nowrap">
                 <label htmlFor="cover-image-input">{uploadLabel}</label>
                 <input
@@ -95,7 +95,7 @@ export class ArticleCoverImage extends Component {
                   Remove
                 </Button>
               )}
-            </Fragment>
+            </>
           )}
         </div>
         {uploadError && (
diff --git a/babel.config.js b/babel.config.js
index 108abe942..6c64546ea 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -54,6 +54,7 @@ module.exports = function (api) {
         '@babel/plugin-transform-react-jsx',
         {
           pragma: 'h',
+          pragmaFrag: '"Fragment"',
         },
       ],
     ].filter(Boolean),