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

Changes.md

@@ -1,4 +1,6 @@
 # master
+- With TypeScript back-end, emit import of React when function components are exported.
+  See https://github.com/cristianoc/genType/issues/342.
 
 # 3.8.0
 - Alias `Js.Array2.t` to array type.

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');
 

src/EmitJs.re

@@ -783,6 +783,9 @@ let rec emitCodeItem =
           typeVars,
           resolvedTypeName,
         };
+        if (config.language == TypeScript) {
+          config.emitImportReact = true; // For doc gen (https://github.com/cristianoc/genType/issues/342)
+        };
         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)