Persist in localStorage, but do not upgrade React state about use-local-storage-state HOT 5 CLOSED

I understand your scenario. Give me some time to think about this. I've seen people wanting to get the state only initially and then don't update it but I should think if there is a unifying solution that can fit all scenarios.

from use-local-storage-state.

My workaround at the moment:

const [resizedLayout] = useLocalStorage('table-widths', {
  defaultValue: [],
});

// we do not want a re-render 
// but only remember the table's columns widths
// to apply when the table gets rendered from scratch
// https://github.com/astoilkov/use-local-storage-state/issues/46
const setResizedLayout = (widths) => {
  if (localStorage) {
    localStorage.setItem('table-widths', JSON.stringify(widths));
  }
};

from use-local-storage-state.

Is this solution going to work for you:

const [resizedLayout, setResizedLayout] = useLocalStorage('table-widths', {
  defaultValue: [],
});
// in the code you always use `initialResizedLayout` and you can now call `setResizedLayout()` without causing your behavior to break
const initialResizedLayout = useRef(resizedLayout).current

As my users have written about the same problem I'm thinking of updating the readme. If this solution works for you I would think about explaining this scenario. The solution seems simple and elegant.

from use-local-storage-state.

Hey @rwieruch. Just a reminder. Did you have time to see what I'm proposing?

from use-local-storage-state.

I'm closing this because of a lack of activity.

from use-local-storage-state.