Fix default value for jsxFragmentPragma in website (#737)

The default should be `React.Fragment`, not just `Fragment`.
alangpierce · Aug 16, 2022 · 481d673 · 481d673
1 parent 5354a6d
commit 481d673
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/website/src/Constants.ts b/website/src/Constants.ts
@@ -54,7 +54,7 @@ export type HydratedOptions = Omit<Required<Options>, "filePath" | "sourceMapOpt
 export const DEFAULT_OPTIONS: HydratedOptions = {
   transforms: ["jsx", "typescript", "imports"],
   jsxPragma: "React.createElement",
-  jsxFragmentPragma: "Fragment",
+  jsxFragmentPragma: "React.Fragment",
   enableLegacyTypeScriptModuleInterop: false,
   enableLegacyBabel5ModuleInterop: false,
   production: false,

diff --git a/website/src/SucraseOptionsBox.tsx b/website/src/SucraseOptionsBox.tsx
@@ -143,13 +143,13 @@ export default function SucraseOptionsBox({
                 optionName="jsxPragma"
                 options={options}
                 onUpdateOptions={onUpdateOptions}
-                inputWidth={162}
+                inputWidth={182}
               />
               <StringOption
                 optionName="jsxFragmentPragma"
                 options={options}
                 onUpdateOptions={onUpdateOptions}
-                inputWidth={100}
+                inputWidth={120}
               />
             </div>
             <div className={css(styles.secondaryOptionColumn)}>