Memoizing composed reducer (#79)

atomicpages · Jan 30, 2020 · debf83a · debf83a
1 parent 060d576
commit debf83a
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/Shuttle/hooks/useShuttleState.ts b/src/components/Shuttle/hooks/useShuttleState.ts
@@ -84,10 +84,15 @@ export function useShuttleState(
     },
     reducers: { [key: string]: Function } = {}
 ) {
+    const composedReducer = React.useCallback(
+        composeReducers({ move, moveAll, selectItem, lazyLoad, ...reducers }),
+        []
+    );
+
     // TODO: fix the type errors
     // @ts-ignore
     const [shuttleState, setShuttleState] = React.useReducer(
-        composeReducers({ move, moveAll, selectItem, lazyLoad, ...reducers }),
+        composedReducer,
         {
             ...initialState,
             // @ts-ignore