diff --git a/x-pack/plugins/security_solution/public/common/components/query_bar/index.tsx b/x-pack/plugins/security_solution/public/common/components/query_bar/index.tsx index 0801c59e296fb..c71abe9b7f2f0 100644 --- a/x-pack/plugins/security_solution/public/common/components/query_bar/index.tsx +++ b/x-pack/plugins/security_solution/public/common/components/query_bar/index.tsx @@ -63,6 +63,7 @@ export const QueryBar = memo( }) => { const { data } = useKibana().services; const [dataView, setDataView] = useState(); + const [searchBarFilters, setSearchBarFilters] = useState(filters); const onQuerySubmit = useCallback( (payload: { dateRange: TimeRange; query?: Query | AggregateQuery }) => { if (payload.query != null && !deepEqual(payload.query, filterQuery)) { @@ -133,7 +134,9 @@ export const QueryBar = memo( * We update filters and set new data view id to make sure that SearchBar does not show data view picker * More details in https://github.com/elastic/kibana/issues/174026 */ - filters.forEach((filter) => (filter.meta.index = indexPattern.title)); + const updatedFilters = [...filters]; + updatedFilters.forEach((filter) => (filter.meta.index = indexPattern.title)); + setSearchBarFilters(updatedFilters); }; createDataView(); } @@ -151,7 +154,7 @@ export const QueryBar = memo( showSubmitButton={false} dateRangeFrom={dateRangeFrom} dateRangeTo={dateRangeTo} - filters={filters} + filters={searchBarFilters} indexPatterns={arrDataView} isLoading={isLoading} isRefreshPaused={isRefreshPaused}