From 69d312db3a6c475dc41d0eb002f47c9466322e2e Mon Sep 17 00:00:00 2001
From: Brian Fletcher <brian@roadie.io>
Date: Wed, 16 Feb 2022 21:21:00 +0000
Subject: [PATCH] useDebouncedEffect in place of callback

Signed-off-by: Brian Fletcher <brian@roadie.io>
---
 packages/core-components/src/hooks/useQueryParamState.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/core-components/src/hooks/useQueryParamState.ts b/packages/core-components/src/hooks/useQueryParamState.ts
index a5a90bdd53..16cd9e18c8 100644
--- a/packages/core-components/src/hooks/useQueryParamState.ts
+++ b/packages/core-components/src/hooks/useQueryParamState.ts
@@ -18,7 +18,7 @@ import { isEqual } from 'lodash';
 import qs from 'qs';
 import { useEffect, useState } from 'react';
 import { useSearchParams } from 'react-router-dom';
-import { useDebouncedCallback } from '@react-hookz/web';
+import { useDebouncedEffect } from '@react-hookz/web';
 
 function stringify(queryParams: any): string {
   // Even though these setting don't look nice (e.g. escaped brackets), we should keep
@@ -75,7 +75,7 @@ export function useQueryParamState<T>(
     );
   }, [searchParamsString, setQueryParamState, stateName]);
 
-  useDebouncedCallback(
+  useDebouncedEffect(
     () => {
       const queryString = joinQueryString(
         searchParamsString,