FlameGraph: Use named imports (#104042)

* FlameGraph: Use named imports

* Fix test imports

packages/grafana-flamegraph/src/FlameGraphContainer.test.tsx

@@ -9,6 +9,7 @@ import FlameGraphContainer from './FlameGraphContainer';
 import { MIN_WIDTH_TO_SHOW_BOTH_TOPTABLE_AND_FLAMEGRAPH } from './constants';
 
 jest.mock('react-use', () => ({
+  ...jest.requireActual('react-use'),
   useMeasure: () => {
     const ref = useRef();
     return [ref, { width: 1600 }];

packages/grafana-flamegraph/src/FlameGraphHeader.tsx

@@ -1,8 +1,7 @@
 import { css, cx } from '@emotion/css';
 import { useEffect, useState } from 'react';
 import * as React from 'react';
-import useDebounce from 'react-use/lib/useDebounce';
-import usePrevious from 'react-use/lib/usePrevious';
+import { useDebounce, usePrevious } from 'react-use';
 
 import { GrafanaTheme2, SelectableValue } from '@grafana/data';
 import { Button, ButtonGroup, Dropdown, Input, Menu, RadioButtonGroup, useStyles2 } from '@grafana/ui';