react-fuckery.js

/**
 * Set up the Create Account Form
 *
 * 1. So this complicated mess is because the connect() function doesn't
 *    support forwardRef(). The trick is to create a new "connected" version of
 *    our base component.
 *
 * 2. And then create the exported version which is wrapped in the forwardRef()
 *    and given a displayName. This stops the linters from failing and allows
 *    forwarding of refs.
 */
 
 /* [1] */
const CreateDiscusssionFormConnected = connect(mapStateToProps, {
  loadPostCategories,
  loadTags,
})(CreateDiscusssionForm);

/* [2] */
const ExportedComponent = forwardRef((props, ref) => (
  <CreateDiscusssionFormConnected {...props} innerRef={ref} />
));

ExportedComponent.displayName = 'CreateDiscusssionForm';

export default ExportedComponent;