use precise imports of react-use

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

plugins/user-settings/src/components/General/UserSettingsThemeToggle.tsx

@@ -15,7 +15,7 @@
  */
 
 import React, { cloneElement } from 'react';
-import { useObservable } from 'react-use';
+import useObservable from 'react-use/lib/useObservable';
 import AutoIcon from '@material-ui/icons/BrightnessAuto';
 import ToggleButton from '@material-ui/lab/ToggleButton';
 import ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';

plugins/user-settings/src/components/useUserProfileInfo.ts

@@ -21,7 +21,7 @@ import {
   useApi,
 } from '@backstage/core-plugin-api';
 import { useEffect } from 'react';
-import { useAsync } from 'react-use';
+import useAsync from 'react-use/lib/useAsync';
 
 export const useUserProfile = () => {
   const identityApi = useApi(identityApiRef);