feat: restrict importing useMount from react-use directly

it causes app start crashes

.eslintrc.js

@@ -122,6 +122,20 @@ module.exports = {
         ignoreRegExpLiterals: true,
       },
     ],
+    'no-restricted-imports': [
+      'error',
+      {
+        paths: [
+          // 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.",
+          },
+        ],
+      },
+    ],
   },
   overrides: [
     {

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

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