Merge pull request #511 from HUST-SE-LY/master

Set `esModuleInterop` as default config of `parse`

Author: pvasek

package-lock.json

@@ -0,0 +1,13 @@
+import React from 'react';
+
+export interface JumbotronProps {
+  /** prop1 description */
+  prop1: string;
+}
+
+/**
+ * Jumbotron description
+ */
+export const Jumbotron: React.FC<JumbotronProps> = props => {
+  return <div>Test</div>;
+};

src/__tests__/data/FunctionalComponentWithDefaultImportReact.tsx

@@ -3,6 +3,7 @@
     /* Basic Options */
     "target": "es5", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', or 'ESNEXT'. */
     "module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
+    "esModuleInterop": true,
     // "lib": [],                             /* Specify library files to be included in the compilation:  */
     // "allowJs": true,                       /* Allow javascript files to be compiled. */
     // "checkJs": true,                       /* Report errors in .js files. */

src/__tests__/data/tsconfig.json

@@ -781,6 +781,14 @@ describe('parser', () => {
     });
   });
 
+  it('should parse functional component declared as React.FC with default import from react', () => {
+    check('FunctionalComponentWithDefaultImportReact', {
+      Jumbotron: {
+        prop1: { type: 'string', required: true }
+      }
+    });
+  });
+
   it('should parse functional component defined as const with default value assignments in immediately destructured props', () => {
     check('FunctionalComponentWithDesctructuredProps', {
       FunctionalComponentWithDesctructuredProps: {

src/__tests__/parser.ts

@@ -113,7 +113,8 @@ export interface FileParser {
 export const defaultOptions: ts.CompilerOptions = {
   jsx: ts.JsxEmit.React,
   module: ts.ModuleKind.CommonJS,
-  target: ts.ScriptTarget.Latest
+  target: ts.ScriptTarget.Latest,
+  esModuleInterop: true
 };
 
 /**