From d4fd3aa7c759744191693395dba2c2f36c4e5e26 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Piotr=20Jamr=C3=B3z?= Date: Mon, 5 May 2025 13:20:01 +0200 Subject: [PATCH] FlameGraph: Use named imports (#104042) * FlameGraph: Use named imports * Fix test imports --- packages/grafana-flamegraph/src/FlameGraphContainer.test.tsx | 1 + packages/grafana-flamegraph/src/FlameGraphHeader.tsx | 3 +-- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/grafana-flamegraph/src/FlameGraphContainer.test.tsx b/packages/grafana-flamegraph/src/FlameGraphContainer.test.tsx index 00d9e019e71..97a434172fd 100644 --- a/packages/grafana-flamegraph/src/FlameGraphContainer.test.tsx +++ b/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 }]; diff --git a/packages/grafana-flamegraph/src/FlameGraphHeader.tsx b/packages/grafana-flamegraph/src/FlameGraphHeader.tsx index 30ad99d8309..91541f216b7 100644 --- a/packages/grafana-flamegraph/src/FlameGraphHeader.tsx +++ b/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';