feat: Add sucrase hook as alternative for .jsx

index.js

@@ -151,16 +151,19 @@ var extensions = {
   '.js': null,
   '.json': null,
   '.json5': 'json5/lib/register',
-  '.jsx': {
-    module: '@babel/register',
-    register: function (hook) {
-      hook({
-        extensions: '.jsx',
-        rootMode: 'upward-optional',
-        overrides: [{ only: [endsInJsx] }],
-      });
+  '.jsx': [
+    {
+      module: '@babel/register',
+      register: function (hook) {
+        hook({
+          extensions: '.jsx',
+          rootMode: 'upward-optional',
+          overrides: [{ only: [endsInJsx] }],
+        });
+      },
     },
-  },
+    'sucrase/register/jsx'
+  ],
   '.litcoffee': 'coffeescript/register',
   '.mjs': mjsStub,
   '.node': null,

test/fixtures/jsx/1/package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "sucrase": "^3.12.1"
+  }
+}

test/fixtures/jsx/1/test.jsx

@@ -0,0 +1,17 @@
+const React = {
+  createElement: function (Component) {
+    return Component();
+  },
+};
+
+// Test harmony arrow functions
+const Component = () => {
+  var trueKey = true;
+  var falseKey = false;
+  var subKey = { subProp: 1 };
+  // Test harmony object short notation
+  return { data: { trueKey, falseKey, subKey } };
+};
+
+// Test JSX syntax
+module.exports = <Component />;