Проверьте метод рендеринга ConnectedField

Я получаю это сообщение об ошибке, когда использовал избыточную форму в моей простой форме с тремя полями ввода.

form.jsx

import React, {Component} from 'react';
import { Field, reduxForm } from 'redux-form'
import { connect } from 'react-redux';

class Signup extends Component {

signupView = () => {
  return (
    <section id = "user_login">
      <form onSubmit = {this.handleSignup}>
      <ul>
        <li>
          <div className = "custom_group">
            <Field type = "text" className = "trans login_input" title = "Username" name = "username" placeholder = "Username" />
          </div>
        </li>
        <li className = "sbt_btn">
          <button className = "trans white_bg">SIGN UP</button>
        </li>
      </ul>
      </form>
    </section>
  )
}
render() {
    return (
      <div>{this.signupView()}</div>
    )
  }
}

const mapStateToProps = (state) => {
  return {
    isRegistered: state.signup.isRegistered,
  };
}

const mapDispatchToProps = dispatch => ({
  SingupAction: (signupInput) => { dispatch(SingupAction(signupInput)) },
})

const formWrapped = reduxForm({
  form: 'Signup'
})(Signup);
export default connect(mapStateToProps, mapDispatchToProps)(formWrapped);

P.S. SingupAction и handleSignup уже работают, поэтому я не включил их в код. И уже определил файл Provider store в index.js.