- Update the DND createStore due to it being marked for deprecation.

Signed-off-by: Dave Richer <dave@imexsystems.ca>
This commit is contained in:
Dave Richer
2024-06-14 13:39:51 -04:00
parent 4602648fe5
commit 2997dd4e4d

View File

@@ -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;