Failed prop type: Invalid prop `form` of type `object` supplied to `Form(App)`, expected `string`

I have the following form: It’s almost same as Simple Form.

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

const App = (props) => {
  const { handleSubmit, pristine, reset, submitting } = props
  return (
    <form onSubmit={handleSubmit}>
      <div>
        <label>First Name</label>
        <div>
          <Field name="firstName" component="input" type="text" placeholder="First Name"/>
        </div>
      </div>
      <div>
        <label>Last Name</label>
        <div>
          <Field name="lastName" component="input" type="text" placeholder="Last Name"/>
        </div>
      </div>
      <div>
        <label>Email</label>
        <div>
          <Field name="email" component="input" type="email" placeholder="Email"/>
        </div>
      </div>
      <div>
        <label>Sex</label>
        <div>
          <label><Field name="sex" component="input" type="radio" value="male"/> Male</label>
          <label><Field name="sex" component="input" type="radio" value="female"/> Female</label>
        </div>
      </div>
      <div>
        <label>Favorite Color</label>
        <div>
          <Field name="favoriteColor" component="select">
            <option></option>
            <option value="ff0000">Red</option>
            <option value="00ff00">Green</option>
            <option value="0000ff">Blue</option>
          </Field>
        </div>
      </div>
      <div>
        <label htmlFor="employed">Employed</label>
        <div>
          <Field name="employed" id="employed" component="input" type="checkbox"/>
        </div>
      </div>
      <div>
        <label>Notes</label>
        <div>
          <Field name="notes" component="textarea"/>
        </div>
      </div>
      <div>
        <button type="submit" disabled={pristine || submitting}>Submit</button>
        <button type="button" disabled={pristine || submitting} onClick={reset}>Clear Values</button>
      </div>
    </form>
  )
}

export default reduxForm({
  form: 'app'  // a unique identifier for this form
})(App)

I get the following error:

warning.js:36Warning: Failed prop type: Invalid prop `form` of type `object` supplied to `Form(App)`, expected `string`.
    in Form(App) (created by Connect(Form(App)))
    in Connect(Form(App)) (created by ReduxForm)
    in ReduxForm (created by Connect(ReduxForm))
    in Connect(ReduxForm) (at index.js:12)
    in Provider (at index.js:11)

I checked the prop of the Connect(Form(App)).

Why is the prop ‘form’ recognized as Object (not string)? And I want to know how to solve this problem.

[chanan]

Never mind, found the answer 😃 in my case one of my props was also named “form”, renamed it to something else.

[fbownz]

I had the same issue.

I found a way around it by using a different property name other than ‘form’ on mapStatetoProps

const mapStateToProps = state => {
	return {
		neworderdata: state.neworderdata,
		default_paper_type: state.prospect.prospect_paper_type,
		page: state.neworder_page,
		ordercost: state.ordercost,
		auth: state.auth,
		top_writers: state.topwriters,
		neworder: state.neworder
		// form: state.form 
               //Changed this to a different name from form and it worked
	};
};