Change recompose methods usage for React.memo

[WiXSL]

#4731

[WiXSL]

Note:
The Enhanced... version of the returning components pass integration tests. returning memo(Component) directly did not.
If this is ok, ArrayField component has to be changed like that as well.

Let me know that or if you find a cleaner solution.

[fzaninotto]

I think the problem comes from the fact that SimpleForm inspect its children props looking for an addLabel value. React-admin field props set this as defaultProps. But if you decorate with React.memo after setting the defaultProps, this no longer works.

Therefore, I think you should set the React.memo call earlier in all fields:

-const TextField = props = > ( ...);
+const TextField = memo<FieldProps & TypographyProps>(props = > ( ...));
-const EnhancedTextField = memo<FieldProps & TypographyProps>(TextField);
-EnhancedTextField.defaultProps = {
-    addLabel: true,
-};
+TextField.defaultProps = {
+    addLabel: true,
+};
-export default EnhancedTextField;
+export default TextField;

Also, some of the tests import the non-decorated Field (import { TextField } from 'TextField' instead of import TextField from 'TextField'). This shouls no longer be necessary when using React.memo.

[fzaninotto]

Thanks!