fix: make useThrottle resilient to remounting

package.json

@@ -55,7 +55,7 @@
     "@rollup/plugin-typescript": "^11.1.6",
     "@shopify/jest-dom-mocks": "^5.2.0",
     "@testing-library/jest-dom": "^6.5.0",
-    "@testing-library/react": "^16.0.1",
+    "@testing-library/react": "^16.3.1",
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.12",
     "@types/node": "^14.18.34",

src/timeout/useThrottle.test.ts

@@ -213,7 +213,7 @@ describe('useThrottle', () => {
     })
   })
 
-  it('properly cleans up timeout after unmount', async () => {
+  it('cleans up timeout after unmount', async () => {
     const timeoutHandler = jest.fn()
 
     const { unmount } = renderHook(() => {
@@ -232,6 +232,26 @@ describe('useThrottle', () => {
     expect(clearTimeoutSpy).toHaveBeenCalledTimes(1)
   })
 
+  it('cleans up and sets up again in strict mode', async () => {
+    const timeoutHandler = jest.fn()
+
+    renderHook(
+      () => {
+        const func = useThrottle(timeoutHandler, 500, { leading: false })
+        useEffect(() => {
+          func()
+        }, [func])
+      },
+      { reactStrictMode: true }
+    )
+
+    await act(() => {
+      jest.runAllTimers()
+    })
+
+    expect(timeoutHandler).toHaveBeenCalledTimes(1)
+  })
+
   it('returns the timeout id for manual clearance', async () => {
     const timeoutHandler = jest.fn()
 

src/timeout/useThrottle.ts

@@ -43,6 +43,7 @@ export function useThrottle<T extends (...args: never[]) => unknown>(
     return () => {
       if (timeoutId.current) {
         clearTimeout(timeoutId.current)
+        timeoutId.current = null
       }
     }
   }, [])