Fixed compilation issues with jsx

Author: bietkul

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-reactive-form",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "description": "Angular like Reactive Forms in React",
   "keywords": [
     "forms",

src/FieldArray.jsx renamed to src/FieldArray.js

@@ -16,13 +16,12 @@ class FieldArray extends React.Component {
   }
   render() {
     const { strict, children, render } = this.props
-    return (
-      <Field
-        control={this.control}
-        strict={strict}
-        render={render || children || null}
-      />
-    )
+    const FieldProps = {
+      control: this.control,
+      strict,
+      render: render || children || null
+    }
+    return React.createElement(Field, FieldProps)
   }
 }
 FieldArray.childContextTypes = {

src/FieldControl.jsx renamed to src/FieldControl.js

@@ -1,6 +1,10 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import { FormControl, FormArray, FormGroup } from './model'
+import {
+  FormControl,
+  FormArray,
+  FormGroup
+} from './model'
 import configureControl from './configureControl'
 import Field from './Field'
 
@@ -10,20 +14,25 @@ export default class FieldControl extends React.Component {
     this.control = configureControl(props, context, 'FormControl')
   }
   componentWillReceiveProps(nextProps) {
-    const { name } = nextProps
+    const {
+      name
+    } = nextProps
     if (this.props.name !== name) {
       this.control = configureControl(nextProps, this.context, 'FormControl')
     }
   }
   render() {
-    const { strict, children, render } = this.props
-    return (
-      <Field
-        control={this.control}
-        strict={strict}
-        render={render || children || null}
-      />
-    )
+    const {
+      strict,
+      children,
+      render
+    } = this.props
+    const FieldProps = {
+      control: this.control,
+      strict,
+      render: render || children || null
+    }
+    return React.createElement(Field, FieldProps)
   }
 }
 
@@ -65,4 +74,4 @@ FieldControl.contextTypes = {
     PropTypes.instanceOf(FormArray),
     PropTypes.instanceOf(FormGroup)
   ])
-}
+}

src/FieldGroup.jsx renamed to src/FieldGroup.js

@@ -16,13 +16,12 @@ class FieldGroup extends React.Component {
   }
   render() {
     const { strict, children, render } = this.props
-    return (
-      <Field
-        control={this.control}
-        strict={strict}
-        render={render || children || null}
-      />
-    )
+    const FieldProps = {
+      control: this.control,
+      strict,
+      render: render || children || null
+    }
+    return React.createElement(Field, FieldProps)
   }
 }