diff --git a/client/src/components/trello-board/dnd/lib/state/create-store.js b/client/src/components/trello-board/dnd/lib/state/create-store.js index 63679e187..7d2883a5c 100644 --- a/client/src/components/trello-board/dnd/lib/state/create-store.js +++ b/client/src/components/trello-board/dnd/lib/state/create-store.js @@ -1,5 +1,4 @@ -/* eslint-disable no-underscore-dangle */ -import { applyMiddleware, createStore, compose } from "redux"; +import { configureStore } from "@reduxjs/toolkit"; import reducer from "./reducer"; import lift from "./middleware/lift"; import style from "./middleware/style"; @@ -12,21 +11,18 @@ import dimensionMarshalStopper from "./middleware/dimension-marshal-stopper"; import focus from "./middleware/focus"; import autoScroll from "./middleware/auto-scroll"; import pendingDrop from "./middleware/pending-drop"; -// We are checking if window is available before using it. -// This is needed for universal apps that render the component server side. -// Details: https://github.com/zalmoxisus/redux-devtools-extension#12-advanced-store-setup -const composeEnhancers = - import.meta.env.DEV && typeof window !== "undefined" && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ - ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({ - name: "react-beautiful-dnd" - }) - : compose; const createBoardStore = ({ dimensionMarshal, focusMarshal, styleMarshal, getResponders, announce, autoScroller }) => - createStore( + configureStore({ reducer, - composeEnhancers( - applyMiddleware( + middleware: (getDefaultMiddleware) => + //Note: No additional defaults seem required as per original source + getDefaultMiddleware({ + immutableCheck: false, + serializableCheck: false, + actionCreatorCheck: false, + thunk: false + }).concat([ // ## Debug middleware // > uncomment to use @@ -66,8 +62,8 @@ const createBoardStore = ({ dimensionMarshal, focusMarshal, styleMarshal, getRes focus(focusMarshal), // Fire responders for consumers (after update to store) responders(getResponders, announce) - ) - ) - ); + ]), + devTools: import.meta.env.DEV + }); export default createBoardStore;