Violation invariante lors de l'utilisation de react-redux connect avec react-native

J'ai commencé à créer une application native react et je souhaite y ajouter un redux. J'ai utilisé redux plusieurs fois avec react-dom et je n'ai jamais eu de problèmes. Maintenant, avec react-native, je ne peux pas le faire fonctionner.

J'ai lancé une application standard très simple, mais lorsque j'ajoute le connect HOC à mon composant, j'obtiens l'erreur suivante: p >

Voici le code de mon composant:

"react": "16.6.3",
"react-native": "0.57.4",
"react-redux": "^7.0.2",
"redux": "^4.0.1"

Depuis la console. log Je peux voir que le connect hoc renvoie effectivement un objet, pas un composant:

J'ai créé mon projet en utilisant react-native-create-app et voici mes dépendances:

import React, { Component } from 'react';
import { Provider } from 'react-redux';
import { createStore, combineReducers } from 'redux';
import { connect } from 'react-redux';
import { View } from 'react-native';

const mainReducer = (state = { msg: 'Hello World!' }, action) => {
    switch(action.type) {
        default: return state;
    }
};

const store = createStore(combineReducers({ mainReducer }));

class Main extends Component {
    render() {
        console.log('props: ', this.props);
        return (
            <View>{this.props.msg}</View>
        );
    }
}

const MainWithRedux = connect(state => ({ msg: state.msg }))(Main);
console.log('MainWithRedux: ', MainWithRedux);

export default class App extends Component {
    render() {
        return (
            <Provider store={store}>
                <MainWithRedux />
            </Provider>
        );
    }
}

Est-ce que je manque quelque chose? Comment puis-je intégrer correctement react-redux avec react-native?