@hyphen/hyphen-components 6.2.2 → 6.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyphen/hyphen-components",
-  "version": "6.2.2",
+  "version": "6.2.3",
   "license": "MIT",
   "author": {
     "name": "@hyphen"

package/src/components/ResponsiveProvider/ResponsiveProvider.test.tsx

@@ -68,3 +68,21 @@ describe('Responsive hooks', () => {
     ).toEqual(1);
   });
 });
+
+describe('Cleanup', () => {
+  it('clears pending resize timeout on unmount', () => {
+    jest.useFakeTimers();
+    const clearSpy = jest.spyOn(window, 'clearTimeout');
+    const { unmount } = render(
+      <ResponsiveProvider throttle={100}>
+        <div />
+      </ResponsiveProvider>
+    );
+    window.dispatchEvent(new Event('resize'));
+    expect(clearSpy).toHaveBeenCalledTimes(1);
+    unmount();
+    expect(clearSpy).toHaveBeenCalledTimes(2);
+    clearSpy.mockRestore();
+    jest.useRealTimers();
+  });
+});

package/src/components/ResponsiveProvider/ResponsiveProvider.tsx

@@ -53,7 +53,10 @@ export const ResponsiveProvider: React.FC<ResponsiveProviderProps> = ({
 
       window.addEventListener('resize', throttledResize);
 
-      return () => window.removeEventListener('resize', throttledResize);
+      return () => {
+        window.removeEventListener('resize', throttledResize);
+        clearTimeout(timeoutId);
+      };
     }
   }, [throttle]);