title: Failed to execute 'insertBefore' on 'Node'?
body: <p>I am getting this error on submit button control.
  I don't understand why I am getting this error and Where is my mistake. I want to performe validation on handleSubmit.
  Error: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.    </p>
  
  <pre><code>import React from 'react';
  import PropTypes from 'prop-types';
  import { Field, reduxForm } from 'redux-form/immutable';
  import classNames from 'classnames';
  
  
  // md-input uk-form-width-large
  
  const textClass = (textSize, status) =&gt; {
    return classNames({
      'md-input': true,
      [`uk-form-width-${textSize}`]: textSize !== undefined &amp;&amp; textSize != null
      &amp;&amp; ['large', 'small', 'medium', 'mini'].indexOf(textSize.toLowerCase()) &gt;= 0,
      [`md-input-${status}`]: status !== undefined &amp;&amp; status != null
      &amp;&amp; ['default', 'success', 'danger'].indexOf(status.toLowerCase()) &gt;= 0,
    });
  };
  
  const validate = values =&gt; {
    const errors = {}
    if (!values.firstName) {
      errors.firstName = 'Required'
    }
    if (!values.lastName) {
      errors.lastName = 'Required'
    }
    if (!values.email) {
      errors.email = 'Required'
    }
    if (!values.phoneNo) {
      errors.phoneNo = 'Required'
    }
    return errors
  }
  /*const textClass = (textSize,status) =&gt; {
    console.log("TextClass",textSize,status);
    classNames({
      'md-input': true,
      [`uk-form-width-${textSize}`]: textSize !== undefined &amp;&amp; textSize != null,
      [`md-input-${status}`]: status !== undefined &amp;&amp; status != null,
    });
    console.log("className",textClass);
  };*/
  
  const renderField = ({ input, type, width, status, title, meta: { touched, error } }) =&gt; (
    &lt;div&gt;
      &lt;label&gt;{title}&lt;/label&gt;
      &lt;input {...input} className={textClass(width, status)} type={type} /&gt;
      {touched &amp;&amp; error &amp;&amp; &lt;span&gt;{error}&lt;/span&gt;}
    &lt;/div&gt;
  
  );
  
  renderField.propTypes = {
    /**
     * 
     */
    input: PropTypes.object,
    type: PropTypes.string,
    meta: PropTypes.object,
    /**
     * Class name controlling width of textbox. Available values, large, medium, small or mini
     */
    width: PropTypes.string,
    /**
     * Style of textbox. i.e. Success, Failure or Default
     */
    status: PropTypes.string,
  };
  
  const PostForm = (props) =&gt; {
    const { handleSubmit, submitting } = props;
    return (
      &lt;div&gt;
        &lt;form onSubmit={handleSubmit}&gt;
  
          &lt;div className="uk-form-row"&gt;
            &lt;Field name="firstName" component={renderField} type="text"
              placeholder="First Name" width="large" status="dafault" title="First Name" /&gt;
          &lt;/div&gt;
          &lt;div className="uk-form-row"&gt;
            &lt;Field name="lastName" component={renderField} type="text"
              placeholder="Last Name" width="large" status="dafault" title="Last Name" /&gt;
          &lt;/div&gt;
          &lt;div className="uk-form-row"&gt;
            &lt;Field name="email" component={renderField} type="text"
              placeholder="Email" width="large" status="default" title="Email" /&gt;
          &lt;/div&gt;
          &lt;div className="uk-form-row"&gt;
            &lt;Field name="phoneNo" component={renderField} type="text"
              placeholder="Phone No" width="large" status="" title="Phone No" /&gt;
          &lt;/div&gt;
          &lt;button type="submit" disabled={submitting} &gt;Submit&lt;/button&gt;
        &lt;/form&gt;
      &lt;/div&gt;
    );
  };
  PostForm.propTypes = {
    handleSubmit: PropTypes.func,
    submitting: PropTypes.bool,
  };
  
  export default reduxForm({
    form: 'postForm',
    validate,
  })(PostForm);
  </code></pre>