diff --git a/src/mantine-core/src/Autocomplete/Autocomplete.tsx b/src/mantine-core/src/Autocomplete/Autocomplete.tsx index df84fc1afa8..180f2009bb2 100644 --- a/src/mantine-core/src/Autocomplete/Autocomplete.tsx +++ b/src/mantine-core/src/Autocomplete/Autocomplete.tsx @@ -1,6 +1,7 @@ import React, { useState, forwardRef, useRef } from 'react'; import { useUncontrolled, useDidUpdate, useMergedRef } from '@mantine/hooks'; import { DefaultProps, getDefaultZIndex } from '@mantine/styles'; +import { groupOptions } from '@mantine/utils'; import { Input, InputWrapperBaseProps, InputSharedProps, useInputProps } from '../Input'; import { SelectStylesNames } from '../Select'; import { SelectItems } from '../Select/SelectItems/SelectItems'; @@ -121,7 +122,9 @@ export const Autocomplete = forwardRef((pro }; const formattedData = data.map((item) => (typeof item === 'string' ? { value: item } : item)); - const filteredData = filterData({ data: formattedData, value: _value, limit, filter }); + const filteredData = groupOptions({ + data: filterData({ data: formattedData, value: _value, limit, filter }), + }); const handleInputKeydown = (event: React.KeyboardEvent) => { if (IMEOpen) {