diff --git a/public/app/plugins/datasource/loki/components/LokiLabelBrowser.tsx b/public/app/plugins/datasource/loki/components/LokiLabelBrowser.tsx index 5b1c9b8c9a6..b0876c2eca2 100644 --- a/public/app/plugins/datasource/loki/components/LokiLabelBrowser.tsx +++ b/public/app/plugins/datasource/loki/components/LokiLabelBrowser.tsx @@ -2,7 +2,7 @@ import { css, cx } from '@emotion/css'; import { sortBy } from 'lodash'; import { ChangeEvent } from 'react'; import * as React from 'react'; -import { FixedSizeList } from 'react-window'; +import { List } from 'react-window'; import { CoreApp, GrafanaTheme2, TimeRange } from '@grafana/data'; import { reportInteraction } from '@grafana/runtime'; @@ -505,18 +505,19 @@ export class UnthemedLokiLabelBrowser extends React.Component - label.values?.[i].name ?? i} - width={200} + - {({ index, style }) => { + rowComponent={({ index, style }) => { const value = label.values?.[index]; if (!value) { - return null; + return <>; } return (
@@ -531,7 +532,7 @@ export class UnthemedLokiLabelBrowser extends React.Component ); }} - + />
))}