material-ui v3升级到v4导致redux form Field组件错误'invalid prop component'

Question

从 material-ui v3 升级到 v4 后，我的所有 <Field> 组件都出现以下错误，其中包含道具 component.

错误：

Warning: Failed prop type: Invalid prop component supplied to Field.

字段组件来自import { Field } from 'redux-form';

组件如下所示：

        <Field
            id="some-id"
            name="some-name"
            component={renderSelectField}
        />

代码编译并运行良好。

renderSelectField 组件：

 <TextField
            select
            id={label}
            label={label}
            type={label}
            value={value}
            SelectProps={{
                MenuProps: {
                    PaperProps: {
                        style: {
                            maxHeight: 500,
                            paddingLeft: 12,
                            paddingRight: 12,
                        },
                    },
                },
            }}
            onChange={onChange}
        >

Answer 1

更新以下 React 依赖项（react redux v7、redux form v8）：

"react-redux": "^7.2.1",
"redux-form": "^8.3.6",

解释：

material-ui 升级后，您很可能会在控制台中看到 forwardRef 错误。 React.forwardRef用于新版MUI和react hooks

之前 react，redux 版本只允许将特定数据类型分配给组件 prop，但是新版本允许更多。