Use esm exports from react-use library

Signed-off-by: Tomasz Szuba <tszuba@box.com>

plugins/home/src/components/CustomHomepage/CustomHomepageGrid.tsx

@@ -33,7 +33,7 @@ import {
   useTheme,
 } from '@material-ui/core/styles';
 import { compact } from 'lodash';
-import useObservable from 'react-use/lib/useObservable';
+import useObservable from 'react-use/esm/useObservable';
 import { ContentHeader, ErrorBoundary } from '@backstage/core-components';
 import Typography from '@material-ui/core/Typography';
 import { WidgetSettingsOverlay } from './WidgetSettingsOverlay';

plugins/home/src/homePageComponents/FeaturedDocsCard/Content.tsx

@@ -15,7 +15,7 @@
  */
 
 import React from 'react';
-import useAsync from 'react-use/lib/useAsync';
+import useAsync from 'react-use/esm/useAsync';
 import {
   LinkButton,
   EmptyState,

plugins/home/src/homePageComponents/StarredEntities/Content.tsx

@@ -26,7 +26,7 @@ import Typography from '@material-ui/core/Typography';
 import Tabs from '@material-ui/core/Tabs';
 import Tab from '@material-ui/core/Tab';
 import React from 'react';
-import useAsync from 'react-use/lib/useAsync';
+import useAsync from 'react-use/esm/useAsync';
 import { StarredEntityListItem } from '../../components/StarredEntityListItem/StarredEntityListItem';
 
 /**

plugins/home/src/homePageComponents/VisitedByType/Content.tsx

@@ -20,7 +20,7 @@ import { VisitedByType } from './VisitedByType';
 import { Visit, visitsApiRef } from '../../api';
 import { ContextValueOnly, useContext } from './Context';
 import { configApiRef, useApi } from '@backstage/core-plugin-api';
-import useAsync from 'react-use/lib/useAsync';
+import useAsync from 'react-use/esm/useAsync';
 
 /** @public */
 export type VisitedByTypeKind = 'recent' | 'top';

plugins/home/src/homePageComponents/WelcomeTitle/WelcomeTitle.tsx

@@ -21,7 +21,7 @@ import {
 import Tooltip from '@material-ui/core/Tooltip';
 import Typography from '@material-ui/core/Typography';
 import React, { useEffect, useMemo } from 'react';
-import useAsync from 'react-use/lib/useAsync';
+import useAsync from 'react-use/esm/useAsync';
 import { getTimeBasedGreeting } from './timeUtil';
 
 /** @public */