Не работает Forward Ref?

@connect(
    state => ({
        // code...
    }),
    {
        requestDocuments: someRequests
    }
)

export class MyComponent extends React.Component  {
// Code...

render() {
        return (
                <Grid ref={this.props.forwardRef} />
        );
    }
}

import React, {forwardRef} from 'react';
import {MyComponent } from './container';

export const MyComponentHOC = React.forwardRef((props, ref) => (
    <MyComponent {...props} forwardRef={ref} />
));

import {MyComponentHOC} from './';

class StatefullMyComponentHOC extends React.Component {
    state = {};

    handleClick = (event) => {
        console.log(this.documentRef);
    };

    documentRef = createRef();
 
    render() {
        return (
            <Fragment>
                <StatefullMyComponentHOC ref={this.documentRef}  />
                <button id="4" onClick={this.handleClick}>Обновить контейнер</button>
            </Fragment>
        );
    }
}