use-combine-reducers hook

package.json

@@ -6,6 +6,7 @@
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
     "react-scripts": "3.0.1",
+    "use-combined-reducers": "^1.0.3",
     "uuid": "^3.3.2"
   },
   "scripts": {

src/App.js

@@ -6,6 +6,8 @@ import React, {
 } from 'react';
 import uuid from 'uuid/v4';
 
+import useCombinedReducers from 'use-combined-reducers';
+
 const DispatchContext = createContext(null);
 
 const initialTodos = [
@@ -68,24 +70,8 @@ const todoReducer = (state, action) => {
   }
 };
 
-const useCombinedReducer = combinedReducers => {
-  // Global State
-  const state = Object.keys(combinedReducers).reduce(
-    (acc, key) => ({ ...acc, [key]: combinedReducers[key][0] }),
-    {}
-  );
-
-  // Global Dispatch Function
-  const dispatch = action =>
-    Object.keys(combinedReducers)
-      .map(key => combinedReducers[key][1])
-      .forEach(fn => fn(action));
-
-  return [state, dispatch];
-};
-
 const App = () => {
-  const [state, dispatch] = useCombinedReducer({
+  const [state, dispatch] = useCombinedReducers({
     filter: useReducer(filterReducer, 'ALL'),
     todos: useReducer(todoReducer, initialTodos),
   });