webcored / react-local-storage Goto Github PK

Currently, this hook uses the useState hook for state management. When a state of key is updated, it's not reflected in other states of the same key.

cost [user, userDispatch] = useLocalStorage('user')
cost [user2, user2Dispatch] = useLocalStorage('user')

userDispatch.reset(); // updates the user, not user2

To resolve this we can use redux instance if a project is using redux for their state management.

Currently, we have a global config of namespace & delimiter. Once configured the local storage hooks can read keys of a given namespace only.

Yet there might be use cases especially in micro frontends where we might need to fetch keys from a different namespace. Hence proposing the solution of overriding the default config by providing the config as args to the hook.

const [user] = useLocalStorage('user', { namespace: 'global', delimiter: '#' })