[FIX]: Update storage on every actions which is need

package.json

@@ -1,6 +1,6 @@
 {
   "name": "redux-persist-x",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -64,6 +64,7 @@
     "typescript": "^5.6.3"
   },
   "dependencies": {
-    "redux-persist-x": "^1.1.3"
+    "@types/lodash.isequal": "^4.5.8",
+    "lodash.isequal": "^4.5.0"
   }
 }

src/persistor/PersistorWrapper.tsx

@@ -1,6 +1,5 @@
 import React, { useEffect } from 'react';
 import {
-  isPaused,
   PAUSE_PERSIST_ACTION,
   persistReducerOptions,
   PURGE_PERSIST_ACTION,
@@ -25,29 +24,6 @@ function PersistWrapper({
   store: Persistor;
   children: any;
 }) {
-  const handleBeforeUnload = async () => {
-    if (
-      persistReducerOptions.whiteList?.length &&
-      Object.keys(store.getState()).length > 0
-    ) {
-      const whiteListInStore = await persistReducerOptions.whiteList.reduce(
-        (acc: any, curr: string) => {
-          return {
-            ...acc,
-            [curr as string]: store.getState()[curr as string] as any,
-          };
-        },
-        {}
-      );
-      if (!isPaused) {
-        const db =
-          persistReducerOptions.storage ||
-          storageBuilder(persistReducerOptions.storageType || 'localStorage');
-        db.setItem(PERSIST_STORAGE_NAME, whiteListInStore).then();
-      }
-    }
-  };
-
   const handleInitPersistData = async () => {
     if (
       persistReducerOptions?.whiteList &&
@@ -73,12 +49,6 @@ function PersistWrapper({
   useEffect(() => {
     globalStore = store;
     handleInitPersistData().then();
-
-    window.addEventListener('beforeunload', handleBeforeUnload);
-
-    return () => {
-      window.removeEventListener('beforeunload', handleBeforeUnload);
-    };
   }, []);
 
   return <>{children}</>;

src/persistor/persistReducer.tsx

@@ -3,6 +3,7 @@ import {
   PERSIST_STORAGE_NAME,
   StorageInterface,
 } from './persistStorage/storageInterface';
+import isEqual from 'lodash.isequal';
 
 export type Reducer<S = any, A extends Action = Action> = (
   state: S,
@@ -31,15 +32,63 @@ export const REHYDRATE_PERSIST_ACTION = 'PERSIST/REHYDRATE';
 export const PAUSE_PERSIST_ACTION = 'PERSIST/PAUSE';
 export const PURGE_PERSIST_ACTION = 'PERSIST/PURGE';
 export const PERSIST_ACTION = 'PERSIST/PERSIST';
+function debounce<T extends (...args: any[]) => void>(
+  func: T,
+  delay: number
+): (...args: Parameters<T>) => void {
+  let timeoutId: ReturnType<typeof setTimeout> | null = null;
 
+  return (...args: Parameters<T>) => {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+
+    timeoutId = setTimeout(() => {
+      func(...args);
+    }, delay);
+  };
+}
+const handlePersistData = async (store: Record<any, any>) => {
+  if (
+    persistReducerOptions.whiteList?.length &&
+    Object.keys(store).length > 0
+  ) {
+    const whiteListInStore = await persistReducerOptions.whiteList.reduce(
+      (acc: any, curr: string) => {
+        return {
+          ...acc,
+          [curr as string]: store?.[curr as string] as any,
+        };
+      },
+      {}
+    );
+    if (!isPaused) {
+      const db =
+        persistReducerOptions.storage ||
+        storageBuilder(persistReducerOptions.storageType || 'localStorage');
+      db.setItem(PERSIST_STORAGE_NAME, whiteListInStore).then(() => {});
+    }
+  }
+};
 export function persistReducer<S, A extends Action>(
   baseReducer: Reducer<S, A>,
   options?: PersistReducerOptionsType
 ): Reducer<any> {
   persistReducerOptions = options || {};
   const storage =
     options?.storage || storageBuilder(options?.storageType || 'localStorage');
+  const update = debounce(state => handlePersistData(state), 500);
+  let prevWhiteList = {};
   return (state, action: any) => {
+    const newWhiteList = options?.whiteList?.reduce((acc: any, curr: any) => {
+      return { ...acc, [curr as string]: state?.[curr as string] };
+    }, {});
+
+    if (!isEqual(newWhiteList, prevWhiteList)) {
+      update(state);
+    }
+
+    prevWhiteList = newWhiteList;
     switch (action.type) {
       case REHYDRATE_PERSIST_ACTION:
         if (!isPaused && action.payload) {