Pourquoi redux mapStateToProps ne met pas à jour les accessoires de composant même si le magasin est mis à jour?

Le magasin Redux se met à jour correctement mais les accessoires des composants de réaction ne le sont pas. J'ai vérifié l'état global de redux avec un outil de développement distant et il est mis à jour comme prévu.
Mais quand je vérifie les accessoires de composants avec react-devtools, cela ne se met pas à jour.
Si j'appelle getUserPublis () dans un composant d'ordre supérieur (index par exemple), mapStateToProps mappe correctement ces accessoires, mais lorsque je crée un nouvel élément, il n'est pas mappé (mais il est correctement mis à jour dans le magasin).
C'est comme si mapStateToProps () n'était pas appelé lors de la mise à jour de l'état du redux

const initialState = []

function publis(state = initialState, action) {
    switch (action.type) {
        case 'FIRESTORE_PUBLI_SNAPSHOT': {
            return [
                ...state,
                action.payload.data
            ]
        }
        default:
            return state
    }
}

export default publis

Réducteur:

class Profile extends Component {

    static navigationOptions = ({navigation, screenProps}) => ({
        title: 'Perfil',
        headerRight: <HeaderButton navigation={navigation}/>,
    });

    componentDidMount(){
        getUserPublis(this.props.userData.ownPublis)
    }
    onPressCard = (publi) => {
        this.props.navigation.navigate('cardDescription', {
            data: publi,
            user: props.userName
        })
    }

    maybeRenderAddButton = () => {
        if (this.props.userData.isCommerce){
            return(
                <FloatingButton
                    icon="md-add"
                    color="white"
                    onPress={() => this.props.navigation.navigate('offerNew', {
                        title: "Crear anuncio"
                    })}
                />
            )
        } else {
            return console.log('no hay add button')
        }
    }

    render(){
        this.maybeRenderAddButton()
        if (this.props.publis.length === 0) {
            return(
                <Text> Loading </Text>
            )   
        }
        return (
            <ScrollView>
            {
                this.props.publis.map((publi, index) => {
                        return(
                            <CardGeneral
                                key={index}
                                onPressCard={() => onPressCard(publi)}
                                data={publi}
                                user={this.props.user.displayName}
                            />
                        )
                    }
                )
            }

            </ScrollView>


            );
    }

}

function mapStateToProps(state) {
    return {
        user: state.auth.user,
        userData: state.firestore.userData,
        publis: state.publis
    }
}

export default connect(mapStateToProps)(Profile)