Jsx ppx optimize object allocation

Author: DZakh

jscomp/others/jsxPPXReactSupportC.res

@@ -26,12 +26,12 @@ module Jsx = JsxC
 
 %%private(
   @val
-  external propsWithKey: (@as(json`{}`) _, 'props, {"key": string}) => 'props = "Object.assign"
+  external propsWithKey: ({"key": string}, 'props) => 'props = "Object.assign"
 
   @inline
   let addKeyProp = (~key: option<string>=?, p: 'props): 'props =>
     switch key {
-    | Some(key) => propsWithKey(p, {"key": key})
+    | Some(key) => propsWithKey({"key": key}, p)
     | None => p
     }
 )

jscomp/others/jsxPPXReactSupportU.res

@@ -26,12 +26,12 @@ module Jsx = JsxU
 
 %%private(
   @val
-  external propsWithKey: (@as(json`{}`) _, 'props, {"key": string}) => 'props = "Object.assign"
+  external propsWithKey: ({"key": string}, 'props) => 'props = "Object.assign"
 
   @inline
   let addKeyProp = (~key: option<string>=?, p: 'props): 'props =>
     switch key {
-    | Some(key) => propsWithKey(p, {"key": key})
+    | Some(key) => propsWithKey({"key": key}, p)
     | None => p
     }
 )

lib/es6/jsxPPXReactSupportC.js

@@ -4,17 +4,17 @@ import * as React from "react";
 import * as Caml_splice_call from "./caml_splice_call.js";
 
 function createElementWithKey(key, component, props) {
-  return React.createElement(component, key !== undefined ? Object.assign({}, props, {
+  return React.createElement(component, key !== undefined ? Object.assign({
                     key: key
-                  }) : props);
+                  }, props) : props);
 }
 
 function createElementVariadicWithKey(key, component, props, elements) {
   return Caml_splice_call.spliceApply(React.createElement, [
               component,
-              key !== undefined ? Object.assign({}, props, {
+              key !== undefined ? Object.assign({
                       key: key
-                    }) : props,
+                    }, props) : props,
               elements
             ]);
 }

lib/es6/jsxPPXReactSupportU.js

@@ -4,17 +4,17 @@ import * as React from "react";
 import * as Caml_splice_call from "./caml_splice_call.js";
 
 function createElementWithKey(key, component, props) {
-  return React.createElement(component, key !== undefined ? Object.assign({}, props, {
+  return React.createElement(component, key !== undefined ? Object.assign({
                     key: key
-                  }) : props);
+                  }, props) : props);
 }
 
 function createElementVariadicWithKey(key, component, props, elements) {
   return Caml_splice_call.spliceApply(React.createElement, [
               component,
-              key !== undefined ? Object.assign({}, props, {
+              key !== undefined ? Object.assign({
                       key: key
-                    }) : props,
+                    }, props) : props,
               elements
             ]);
 }

lib/js/jsxPPXReactSupportC.js

@@ -4,17 +4,17 @@ var React = require("react");
 var Caml_splice_call = require("./caml_splice_call.js");
 
 function createElementWithKey(key, component, props) {
-  return React.createElement(component, key !== undefined ? Object.assign({}, props, {
+  return React.createElement(component, key !== undefined ? Object.assign({
                     key: key
-                  }) : props);
+                  }, props) : props);
 }
 
 function createElementVariadicWithKey(key, component, props, elements) {
   return Caml_splice_call.spliceApply(React.createElement, [
               component,
-              key !== undefined ? Object.assign({}, props, {
+              key !== undefined ? Object.assign({
                       key: key
-                    }) : props,
+                    }, props) : props,
               elements
             ]);
 }

lib/js/jsxPPXReactSupportU.js

@@ -4,17 +4,17 @@ var React = require("react");
 var Caml_splice_call = require("./caml_splice_call.js");
 
 function createElementWithKey(key, component, props) {
-  return React.createElement(component, key !== undefined ? Object.assign({}, props, {
+  return React.createElement(component, key !== undefined ? Object.assign({
                     key: key
-                  }) : props);
+                  }, props) : props);
 }
 
 function createElementVariadicWithKey(key, component, props, elements) {
   return Caml_splice_call.spliceApply(React.createElement, [
               component,
-              key !== undefined ? Object.assign({}, props, {
+              key !== undefined ? Object.assign({
                       key: key
-                    }) : props,
+                    }, props) : props,
               elements
             ]);
 }