custom widgets and React.memo

Prerequisites

• I have read the documentation;
• In the case of a bug report, I understand that providing a SSCCE example is tremendously useful to the maintainers.
• Ideally, I’m providing a sample JSFiddle or a shared playground link demonstrating the issue.

Description

Looks like the widgets props doesnt like react.memo Components for some reason.

Steps to Reproduce

Once wrapped in React.memo the component is not usable anymore as a form widget. this also impacts react-redux connect wrapper with produces a React.memo 😃

Here’s a repro : https://codesandbox.io/s/reactredux-connect-with-reactjsonschemaform-issue-8023j

Expected behavior

React memoified components should work 😃

Actual behavior

Throws with Unsupported widget definition: object

Version

1.6.0

[RobUnderscore]

Simple workaround for now if you’re using redux connected components -

At the bottom of your custom widget component change:

export default connect(mapStateToProps)(ContractCategorySuperSelect)

to:

var ReduxWrapped = connect(mapStateToProps)(ContractCategorySuperSelect)

class CategorySelectWrapper extends Component {
  render () {
    return (
      <ReduxWrapped {...this.props} />
    )
  }
}

export default CategorySelectWrapper

Essentially just returning a standard react component with the redux connected component inside it.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Please leave a comment if this is still an issue for you. Thank you.