configureStore et Redux DevTool

Bonjour à tous,

Toujours le même sujet, comment intégrer Redux Dev Tool avec configureStore au lieu de createStore ?

Voici la solution que j'ai trouvée:

//Library
import { configureStore, combineReducers, MiddlewareArray } from '@reduxjs/toolkit'; 


// Création du Store
const store = configureStore(
  {reducer,
  middleware: new MiddlewareArray().concat(middleware),
  devTools: process.env.NODE_ENV !== 'production'
  });

Vous remarquerez que j'ai optimisé l'implémentation du middleware avec la méthode MiddlewareArrray qui est recommandée dans la doc Redux. 

NB: Pensez bien à l'importer depuis Redux ToolKit.

Concernant Redux DevTool, il suffit d'ajouter la propriété dev tool (ci-dessous) dans l'objet que l'on envoie dans configureStore.

 devTools: process.env.NODE_ENV !== 'production'

Je n'ai pas compris toutes les subtilités car je pense que l'on peut désactiver l'outil via node. Mais pour notre utilisation ça fonctionne comme dans le cours.

ps: source => https://redux-toolkit.js.org/api/configureStore#full-example