Is there anyway to access state in createJSONStorage?

[elson-currentcorp]

Is there anyway to access the set/get, store or state from within the createJSONStorage function? I want to implement something like the following:

class LocalStorageAccessor implements StateStorage {
  private errorChangeHandler?: (message?: string) => void;
  private oldErrorMessage?: string;
  private newErrorMessage?: string;

  public getItem = (name: string): string | null => {
    return localStorage.getItem(name);
  };

  public setItem = (name: string, value: string): void => {
    this.oldErrorMessage = this.newErrorMessage;

    try {
      localStorage.setItem(name, value);
      this.newErrorMessage = undefined;
    } catch (e) {
      this.newErrorMessage = e instanceof Error ? e.message : 'Unknown Error encountered.';
    }

    if (this.newErrorMessage !== this.oldErrorMessage) {
      console.log(this.newErrorMessage);
      this.errorChangeHandler?.(this.newErrorMessage);
    }
  };

  public removeItem = (name: string): void => {
    localStorage.removeItem(name);
  };

  public setOnErrorChange = (handler: (message?: string) => void): void => {
    this.errorChangeHandler = handler;
  };
}

const localStorageAccessor = new LocalStorageAccessor();

export const useBoundStore = create(
  persist(
    (set, get) => ({
      storageError: '',
      bears: 0,
      addABear: () => set({ bears: get().bears + 1 }),
    }),
    {
      name: 'food-storage', 
      storage: createJSONStorage((set, get) => { // NEED TO BE ABLE TO DO THIS
         localStorageAccessor.setOnErrorChange((errorMsg) =>
          set({
            storageError: errorMsg,
          }),
        );

        return localStorageAccessor;
      }),
    },
  ),
);

[dai-shi]

That's not supported. It feels like a bad API design, but if you need it you might be able to create your own persist middleware. I'd suggest not using the middleware and use the store API after creating the store, which should be easier.

const useFooStore = create(...);
// initialize from localStorage
useFooStore.setState(...);
// subscribe for adding an item to localStorage
useFooStore.subscribe(() => {
  const state = useFooStore.getState();
  ...
});