w

package.json

@@ -81,7 +81,6 @@
     "tailwind-scrollbar-hide": "^1.1.7",
     "tailwindcss": "3.2.7",
     "tailwindcss-animate": "^1.0.5",
-    "use-debounce": "^9.0.3",
     "usehooks-ts": "^2.9.1"
   },
   "devDependencies": {

src/components/map/index.tsx

@@ -3,7 +3,7 @@ import { useEffect, useState, useCallback, FC } from 'react';
 import ReactMapGL, { ViewState, ViewStateChangeEvent, useMap } from 'react-map-gl';
 
 import cx from 'classnames';
-import { useDebouncedCallback } from 'use-debounce';
+import { useDebounce } from 'usehooks-ts';
 
 // * If you plan to use Mapbox (and not a fork):
 // * 1) remove maplibre-gl,
@@ -52,7 +52,7 @@ export const CustomMap: FC<CustomMapProps> = ({
   /**
    * CALLBACKS
    */
-  const debouncedViewStateChange = useDebouncedCallback((_viewState: ViewState) => {
+  const debouncedViewStateChange = useDebounce((_viewState: ViewState) => {
     if (onMapViewStateChange) onMapViewStateChange(_viewState);
   }, 250);
 

yarn.lock

@@ -7524,7 +7524,6 @@ __metadata:
     tailwindcss: 3.2.7
     tailwindcss-animate: ^1.0.5
     typescript: 4.9.4
-    use-debounce: ^9.0.3
     usehooks-ts: ^2.9.1
   languageName: unknown
   linkType: soft
@@ -11409,15 +11408,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"use-debounce@npm:^9.0.3":
-  version: 9.0.4
-  resolution: "use-debounce@npm:9.0.4"
-  peerDependencies:
-    react: ">=16.8.0"
-  checksum: 37da4ecbe4e10a6230580cac03a8cae1788ea3e417dfdd92fcf654325458cf1b4567fd57bebf888edab62701a6abe47059a585008fd04228784f223f94d66ce4
-  languageName: node
-  linkType: hard
-
 "use-isomorphic-layout-effect@npm:^1.1.1":
   version: 1.1.2
   resolution: "use-isomorphic-layout-effect@npm:1.1.2"