Discussion on: Using React.forwardRef() and an HOC on the same component

[Marien den Besten]

The trick is to also incorporate 'forwardRef' in the HOC.

function withHookHOC(Component) {
    return forwardRef(({...props}, ref) => {
         return <Component {...props}
                          ref={ref}/>
    });
}