fix: resolve outstanding react-use imports

.eslintrc.js

@@ -129,9 +129,8 @@ module.exports = {
           // There is an issue with the current version of react-use where it requires an arbitrary 'Locale' package on the window object which causes random app crashes on startup in some cases
           {
             name: 'react-use',
-            importNames: ['useMount'],
             message:
-              "Don't import it from 'react-use' directly. Please use a default import from 'react-use/lib/useMount' instead.",
+              "Don't import from 'react-use' directly. Please use a default import for each hook from 'react-use/lib' instead.",
           },
         ],
       },

ts/components/conversation/message/message-content/MessageContextMenu.tsx

@@ -4,7 +4,8 @@ import { Dispatch, useCallback, useEffect, useRef, useState } from 'react';
 import { isNumber } from 'lodash';
 import { Item, ItemParams, Menu, useContextMenu } from 'react-contexify';
 import { useDispatch } from 'react-redux';
-import { useClickAway, useMouse } from 'react-use';
+import useClickAway from 'react-use/lib/useClickAway';
+import useMouse from 'react-use/lib/useMouse';
 import styled from 'styled-components';
 import { Data } from '../../../../data/data';
 

ts/components/conversation/message/message-item/ExpirableReadableMessage.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useState } from 'react';
 import { useDispatch } from 'react-redux';
-import { useInterval } from 'react-use';
+import useInterval from 'react-use/lib/useInterval';
 import useMount from 'react-use/lib/useMount';
 import styled from 'styled-components';
 import { useIsDetailMessageView } from '../../../../contexts/isDetailViewContext';

ts/components/conversation/message/reactions/Reaction.tsx

@@ -1,5 +1,5 @@
 import { useRef, useState } from 'react';
-import { useMouse } from 'react-use';
+import useMouse from 'react-use/lib/useMouse';
 import styled from 'styled-components';
 import { useRightOverlayMode } from '../../../../hooks/useUI';
 import { isUsAnySogsFromCache } from '../../../../session/apis/open_group_api/sogsv3/knownBlindedkeys';

ts/components/dialog/EditProfileDialog.tsx

@@ -1,7 +1,7 @@
 import { isEmpty } from 'lodash';
 import { useRef, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import { useKey } from 'react-use';
+import useKey from 'react-use/lib/useKey';
 import styled from 'styled-components';
 import { Avatar, AvatarSize } from '../avatar/Avatar';