Correction d'un reducer Redux ne retournant pas un nouvel état

Scénario

Contexte : Vous reprenez une petite application React utilisant Redux pour gérer un compteur global. Le Problème : Après dispatch d'une action, l'interface ne se met pas à jour correctement car le reducer modifie directement l'état existant. Contraintes : Utiliser Redux natif sans librairie externe supplémentaire. Respecter l'immuabilité. Code actuel : const initialState = { count: 0 }; function counterReducer(state = initialState, action) { switch (action.type) { case 'INCREMENT': state.count += 1; return state; default: return state; } } Livrable attendu : Corriger le reducer afin de respecter le principe d'immuabilité et garantir une mise à jour correcte du state.

Compétences ciblées