fix: enable esModuleInterop (#85)

Resolves #77
aws-amplify · Sep 20, 2021 · 32eac19 · 32eac19
1 parent 73fac18
commit 32eac19
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.../studio-ui-codegen-react/lib/__tests__/__snapshots__/studio-ui-codegen-react.test.ts.snap b/.../studio-ui-codegen-react/lib/__tests__/__snapshots__/studio-ui-codegen-react.test.ts.snap
@@ -415,9 +415,14 @@ export default function BoxWithButton(props) {
 
 exports[`amplify render tests custom render config should render common JS 1`] = `
 "\\"use strict\\";
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
 Object.defineProperty(exports, \\"__esModule\\", { value: true });
 /* eslint-disable */
-const react_1 = require(\\"react\\");
+const react_1 = __importDefault(require(\\"react\\"));
 const ui_react_1 = require(\\"@aws-amplify/ui-react\\");
 function BoxWithButton(props) {
   return react_1.default.createElement(

diff --git a/packages/studio-ui-codegen-react/lib/react-studio-template-renderer.ts b/packages/studio-ui-codegen-react/lib/react-studio-template-renderer.ts
@@ -174,6 +174,7 @@ export abstract class ReactStudioTemplateRenderer extends StudioTemplateRenderer
           target,
           module,
           jsx: script === ScriptKind.JS ? ts.JsxEmit.React : ts.JsxEmit.Preserve,
+          esModuleInterop: true,
         },
       }).outputText;