Selector function and variables inside are memoized

Consider the following example: https://codesandbox.io/s/jolly-archimedes-hooy6

It looks like the very first selector callback is memoized and outside value changes are not considered.

I think this is a similar problem as useEffect, useCallback are having, that’s why they introduced the dependency array. I think react-ridge-state would also need a dependency array to make it work.

Like so

const content = pages.useSelector((state) => {
  return state[page]
}, [page])

Either that, or it would be necessary to not memoize the selector func and put the responsibility into userland and suggest to use useCallback:

const content = pages.useSelector(useCallback((state) => state[page], [page]))

[RichardLindhout]

Thank you for providing feedback. It works now! https://codesandbox.io/s/proud-platform-28s6d?file=/package.json

[dan-lee]

Thank you so much for your quick action (and sorry for the headaches I might be causing 😅). Still enjoying your library a lot 🙌!