TypeError: Cannot read property 'any' of undefined React

Question

I'm new to React and I'm trying to make small app by following a Udemy tutorial. The application contains a form. When I import redux-form library into my project, I got the below console error.

package.json

"dependencies": {
    "axios": "^0.18.0",
    "babel-preset-stage-1": "^6.1.18",
    "lodash": "^3.10.1",
    "react": "16.3.2",
    "react-countdown-now": "^1.3.0",
    "react-dom": "16.3.2",
    "react-redux": "5.0.7",
    "react-router": "^3.2.0",
    "redux": "4.0.0",
    "redux-form": "^4.1.3",
    "redux-promise": "^0.5.3"
  }

post_new.js contains the form.

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

class PostsNew extends Component {
    render() {
        return (
            <form onSubmit={handleSubmit}>
                <h3>Create a new post</h3>
                <div className="form-group">
                    <label>Title</label>
                    <input type="text" className="form-control" />
                </div>
                <div className="form-group">
                    <label>Categories</label>
                    <input type="text" className="form-control"/>
                </div> 
                <div className="form-group">
                    <label>Content</label>
                    <textarea className="form-control"/>
                </div>

                <button type="submit" className="btn btn-primary">Submit</button>
            </form>    
        );
    }
}
export default reduxForm(
    {
        form: 'PostsNewForm',
        fields: ['title','categories','content']
    }
)(PostsNew);

also imported redux-form in reducers _> index.js

import { combineReducers } from 'redux';
import PostReducer from './reducer_posts';
import { reducer as formReducer } from 'redux-form';

const rootReducer = combineReducers({
  posts: PostReducer,
  form: formReducer
});

export default rootReducer;

Answer 1

Use version 5.3.6. It will definitely solve the problem.