Merge pull request #8694 from backstage/rugvip/use

use precise imports of react-use hooks

plugins/lighthouse/src/components/AuditList/AuditListTable.tsx

@@ -15,7 +15,7 @@
  */
 import React, { useState, useEffect } from 'react';
 import { Website, lighthouseApiRef } from '../../api';
-import { useInterval } from 'react-use';
+import useInterval from 'react-use/lib/useInterval';
 import {
   formatTime,
   CATEGORIES,

plugins/lighthouse/src/components/AuditList/index.tsx

@@ -18,7 +18,8 @@ import { Button, Grid } from '@material-ui/core';
 import Pagination from '@material-ui/lab/Pagination';
 import React, { ChangeEvent, ReactNode, useMemo, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
-import { useAsync, useLocalStorage } from 'react-use';
+import useAsync from 'react-use/lib/useAsync';
+import useLocalStorage from 'react-use/lib/useLocalStorage';
 import { lighthouseApiRef } from '../../api';
 import { useQuery } from '../../utils';
 import LighthouseIntro, { LIGHTHOUSE_INTRO_LOCAL_STORAGE } from '../Intro';

plugins/lighthouse/src/components/AuditView/index.tsx

@@ -32,7 +32,7 @@ import {
   useNavigate,
   useParams,
 } from 'react-router-dom';
-import { useAsync } from 'react-use';
+import useAsync from 'react-use/lib/useAsync';
 import { Audit, lighthouseApiRef, Website } from '../../api';
 import { formatTime } from '../../utils';
 import AuditStatusIcon from '../AuditStatusIcon';

plugins/lighthouse/src/components/Intro/index.tsx

@@ -17,7 +17,7 @@
 import { Button, Grid, makeStyles, Tab, Tabs } from '@material-ui/core';
 import CloseIcon from '@material-ui/icons/Close';
 import React, { useState } from 'react';
-import { useLocalStorage } from 'react-use';
+import useLocalStorage from 'react-use/lib/useLocalStorage';
 import LighthouseSupportButton from '../SupportButton';
 import {
   ContentHeader,

plugins/lighthouse/src/hooks/useWebsiteForEntity.ts

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import { useEntity } from '@backstage/plugin-catalog-react';
-import { useAsync } from 'react-use';
+import useAsync from 'react-use/lib/useAsync';
 import { LIGHTHOUSE_WEBSITE_URL_ANNOTATION } from '../../constants';
 import { lighthouseApiRef } from '../api';
 import { errorApiRef, useApi } from '@backstage/core-plugin-api';