使用Redux'connect（）和MUI withStyles（）的ag-grid自定义单元格编辑器

Question

我正在尝试创建一个可通过Redux连接并使用MUI设置样式的自定义单元格编辑器：

import React, {Component} from 'react'
import {connect} from "react-redux"
import { withStyles } from '@material-ui/styles';
import styles from "../styles"

class TestEditor extends Component {
    constructor(props) {
        super(props)
        this.textInput = React.createRef()
    }

    render() {
        return <input ref={this.textInput} defaultValue={this.props.value}/>
    }

    getValue() {
        return this.textInput.current.value;
    }
}

const mapStateToProps = (store) => ({
    test: store.test,
})

export default connect(mapStateToProps)(withStyles(styles)(TestEditor))

不幸的是，用connect＆withStyles对其进行包装似乎会创建一些匿名包装，而该包装似乎不再提供必要的方法。特别是在更新单元格值时，ag-grid会抱怨：

"ag-Grid: Framework component is missing method getvalue()"

我能否以某种方式导出具有connect（）和withStyles（）的组件，同时保持与单元格编辑器的兼容性（又名，公开getValue（）等）？

谢谢