use asyncComponent func

Author: mununki

jscomp/syntax/src/react_jsx_common.ml

@@ -77,12 +77,14 @@ let add_async_attribute ~async (body : Parsetree.expression) =
 let is_async : Parsetree.attribute -> bool =
  fun ({txt}, _) -> txt = "async" || txt = "res.async"
 
-let async_component expr =
-  let open Ast_helper in
-  Exp.apply
-    (Exp.ident
-       {
-         loc = Location.none;
-         txt = Ldot (Lident "JsxPPXReactSupport", "asyncComponent");
-       })
-    [(Nolabel, expr)]
+let async_component ~async expr =
+  if async then
+    let open Ast_helper in
+    Exp.apply
+      (Exp.ident
+         {
+           loc = Location.none;
+           txt = Ldot (Lident "JsxPPXReactSupport", "asyncComponent");
+         })
+      [(Nolabel, expr)]
+  else expr

jscomp/syntax/src/reactjs_jsx_v4.ml

@@ -970,15 +970,7 @@ let mapBinding ~config ~emptyLoc ~pstr_loc ~fileName ~recFlag binding =
       else fullExpression
     in
     let fullExpression =
-      if isAsync then
-        Exp.apply
-          (Exp.ident
-             {
-               loc = Location.none;
-               txt = Ldot (Lident "JsxPPXReactSupport", "asyncComponent");
-             })
-          [(Nolabel, fullExpression)]
-      else fullExpression
+      React_jsx_common.async_component ~async:isAsync fullExpression
     in
     let fullExpression =
       match fullModuleName with