Почему Redux мешает получить Ref компонента?

Question

[Сергей]

Есть родитель. В него импортируются два обычных компонента. В родителе добавляю им ref через this.element - React.createRef(). Первый компонент его показывает, а второй нет. Выяснил, что это из-за того, что второй компонент подключен к Redux и проблема в этом. Если сделать обычный экспорт
export default Payment;
вместо

export default connect(mapStateToProps, mapDispatchToProps)(Payment);

тогда и у него ref отображается.
Почему Redux мешает и как получить ref при наличии самого Redux?

Answer 1

[Владимир]

Проблема не в redux, а в том, что для него вы используете connect, то есть HOC.
Поэтому надо использовать forwardRef.
https://reactjs.org/docs/forwarding-refs.html

Answer 2

[Сергей]

Выход - export default connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true })(Payment);

https://github.com/reduxjs/react-redux/issues/1119