feat: listen to storage event

alibaba · Aug 19, 2023 · a0995dd · a0995dd
1 parent 2ff3ed9
commit a0995dd
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/hooks/src/createUseStorageState/index.ts b/packages/hooks/src/createUseStorageState/index.ts
@@ -1,4 +1,5 @@
 import { useState } from 'react';
+import useEventListener from '../useEventListener';
 import useMemoizedFn from '../useMemoizedFn';
 import useUpdateEffect from '../useUpdateEffect';
 import { isFunction, isUndef } from '../utils';
@@ -78,6 +79,12 @@ export function createUseStorageState(getStorage: () => Storage | undefined) {
       }
     };
 
+    useEventListener('storage', (event) => {
+      if (event.key === key) {
+        setState(getStoredValue());
+      }
+    });
+
     return [state, useMemoizedFn(updateState)] as const;
   }
   return useStorageState;