Как подключить GoogleApiComponent HOC к магазину редуксов?

Question

Я создаю компонент реагирования для отображения маркеров на карте на основе списка координат широты и долготы.

Используя пакет google-maps-реаги * npm, у меня есть компонент контейнера и компонент карты. Компонент MapsContainer упакован в HOC GoogleApiComponent следующим образом.

export default GoogleApiComponent({
  apiKey: 'myapikey'
})(MapContainer);

Что мне теперь нужно сделать, так это подключить этот компонент MapContainer к хранилищу приращений для получения списка широтных / длинных компонентов. Я пробовал

export default connect(mapStateToProps)(GoogleApiComponent);

и

const composeHoc = compose(
  connect(mapStateToProps),
  GoogleApiComponent
);

Каждый раз, когда я получаю следующее предупреждение, и моя карта не отображается:

Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it.

Мой вопрос: как мне подключить GoogleApiComponent HOC к моему магазину редуксов?

Примечание. Моя реализация основана на прилагаемом руководстве пакета npm

Answer 1

Попробуйте полностью обернуть его GoogleApiComponent:

export default connect(mapStateToProps)(GoogleApiComponent({
                                        apiKey: 'myapikey'
                                       })(MapContainer));