refactor: use react-use

simplify imports as tree shaking works

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'

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'

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,

src/utils/hooks/usePrevious.ts

@@ -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
-}