withHandlers redefining function breaks React.memo

[gastonmorixe]

I have optimized withHandlers like this

const withHandlers = handlers => (props: any = {}) => {
  const realHandlers = React.useMemo(
    () => (typeof handlers === "function" ? handlers(props) : handlers),
    []
  )

  const [state] = React.useState(() => {
    const store: any = {}
    store.cachedProps = props
    store.handlers = Object.keys(realHandlers).reduce(
      (acc: {}, key) => ({
        ...acc,
        [key]: (...payload) => realHandlers[key](store.cachedProps)(...payload)
      }),
      {}
    )
    return store
  })

  state.cachedProps = props

  return { ...props, ...state.handlers }
}

[sunrise1002]

Nice optimize. Can you please explain why you want to cache props in state? @gastonmorixe