In TS, emit import react when a react component is exported.

Fixes #342
rescript-association · Dec 24, 2019 · 2d4b678 · 2d4b678
1 parent 00f753d
commit 2d4b678
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/examples/typescript-react-example/src/ExportWithRename.gen.tsx b/examples/typescript-react-example/src/ExportWithRename.gen.tsx
@@ -2,6 +2,8 @@
 /* eslint-disable import/first */
 
 
+import * as React from 'react';
+
 // tslint:disable-next-line:no-var-requires
 const ExportWithRenameBS = require('./ExportWithRename.bs');
 

diff --git a/src/EmitJs.re b/src/EmitJs.re
@@ -783,6 +783,9 @@ let rec emitCodeItem =
           typeVars,
           resolvedTypeName,
         };
+        if (config.language == TypeScript) {
+          config.emitImportReact = true;
+        };
         emitExportType(
           ~emitters,
           ~config,
@@ -1106,9 +1109,7 @@ let getAnnotatedTypedDeclarations = (~annotatedSet, typeDeclarations) =>
        };
      })
   |> List.filter(
-       (
-         {exportFromTypeDeclaration: {annotation}}: CodeItem.typeDeclaration,
-       ) =>
+       ({exportFromTypeDeclaration: {annotation}}: CodeItem.typeDeclaration) =>
        annotation != NoGenType
      );
 
@@ -1160,8 +1161,7 @@ let propagateAnnotationToSubTypes =
         retType |> visit;
       | GroupOfLabeledArgs(fields)
       | Object(_, fields)
-      | Record(fields) =>
-        fields |> List.iter(({type_}) => type_ |> visit)
+      | Record(fields) => fields |> List.iter(({type_}) => type_ |> visit)
       | Option(t)
       | Null(t)
       | Nullable(t)