Using connect from react-redux with reduxForm HOC throws an error

[manan30]

Subject of the issue

Using connect from react-redux with reduxForm HOC throws an error

Your environment

Software	Version(s)
redux-form	8.3.8
redux	3.7.2
react-redux	7.2.4
react	16.14
react-dom	16.14

Steps to reproduce

Not sure why the component breaks when I use it like this

export default reduxForm({
  validate
  enableReinitialize: true,
})(connect(mapStateToProps, mapDispatchToProps)(Form));

However, doing this does work, but the Form component does not get access to any of the mapStateToProps and mapDispatchToProps values

export default connect(
  mapStateToProps,
  mapDispatchToProps,
)(
  reduxForm({
    validate,
    enableReinitialize: true
  })(Form),
);

A reproducible demo: https://codesandbox.io/s/redux-form-simple-example-6hd1g?file=/index.js

Expected behaviour

The component should render without crashing the app

Actual behaviour

Here is the error that I get