diff --git a/src/components/FileExplorer.tsx b/src/components/FileExplorer.tsx
index c7db4f2..b5f0509 100644
--- a/src/components/FileExplorer.tsx
+++ b/src/components/FileExplorer.tsx
@@ -7,11 +7,10 @@ import { connect } from 'driver/connect'
 import { FileExplorerCore } from 'driver/core'
 import { ConnectorState, Props } from 'driver/core/FileExplorer'
 import * as React from 'react'
-import useEvent from 'react-use/esm/useEvent'
+import { useEvent, usePrevious } from 'react-use'
 import { FixedSizeList as List, ListChildComponentProps, ListProps } from 'react-window'
 import { cx } from 'utils/cx'
 import { useOnLocationChange } from 'utils/hooks/useOnLocationChange'
-import { usePrevious } from 'utils/hooks/usePrevious'
 import { getCurrentPath } from 'utils/URLHelper'
 import { TreeNode, VisibleNodes } from 'utils/VisibleNodesGenerator'
 import { Icon } from './Icon'
diff --git a/src/components/SideBar.tsx b/src/components/SideBar.tsx
index 0609c99..8085511 100644
--- a/src/components/SideBar.tsx
+++ b/src/components/SideBar.tsx
@@ -11,7 +11,7 @@ import { SideBarCore } from 'driver/core'
 import { ConnectorState, Props } from 'driver/core/SideBar'
 import { oauth } from 'env'
 import * as React from 'react'
-import useEvent from 'react-use/esm/useEvent'
+import { useEvent } from 'react-use'
 import { cx } from 'utils/cx'
 import * as DOMHelper from 'utils/DOMHelper'
 import { JSONRequest, parseURLSearch } from 'utils/general'
diff --git a/src/utils/hooks/useOnLocationChange.ts b/src/utils/hooks/useOnLocationChange.ts
index 685aa47..88ecd10 100644
--- a/src/utils/hooks/useOnLocationChange.ts
+++ b/src/utils/hooks/useOnLocationChange.ts
@@ -1,5 +1,5 @@
 import * as React from 'react'
-import useLocation from 'react-use/esm/useLocation'
+import { useLocation } from 'react-use'
 
 export function useOnLocationChange(
   callback: React.EffectCallback,
diff --git a/src/utils/hooks/usePrevious.ts b/src/utils/hooks/usePrevious.ts
deleted file mode 100644
index 1d4dd4b..0000000
--- a/src/utils/hooks/usePrevious.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import * as React from 'react'
-
-export function usePrevious<T>(newValue: T) {
-  const previousRef = React.useRef(newValue)
-  React.useEffect(() => {
-    previousRef.current = newValue
-  })
-  return previousRef.current
-}