Performance issue with useUpdater

Generate actions and reducers once instead of every render

lib/useUpdater.js

@@ -1,10 +1,12 @@
-import { useReducer } from 'react'
+import { useReducer, useMemo } from 'react'
 
 import { createUpdater } from './createUpdater';
 import { bindActionCreators } from './helpers';
 
 export function useUpdater(Updater) {
-  const [reducer, actions, initialState] = createUpdater(Updater)
+  const [reducer, actions, initialState] = useMemo(() => {
+     return createUpdater(Updater)
+  }, [])
   const [state, dispatch] = useReducer(reducer, initialState)
   return [state, bindActionCreators(actions, dispatch)]
 }

lib/useUpdater.test.js

@@ -7,7 +7,8 @@ jest.mock('react', () => ({
   useReducer: jest.fn((reducer, initialState) => ([
     initialState,
     jest.fn()
-  ]))
+  ])),
+  useMemo: jest.fn((callback) => (callback()))
 }))
 
 describe('useUpdater', () => {