diff --git a/src/app/styles/antd.less b/src/app/styles/antd.less
index beb103a7..17bc83e0 100644
--- a/src/app/styles/antd.less
+++ b/src/app/styles/antd.less
@@ -27,7 +27,8 @@
 }
 
 .ant-avatar,
-.ant-modal-close-x {
+.ant-modal-close-x,
+.ant-select-item-empty {
   display: flex;
   justify-content: center;
   align-items: center;
diff --git a/src/features/group/AddGroupUser/index.tsx b/src/features/group/AddGroupUser/index.tsx
index a9e2de9e..24429c72 100644
--- a/src/features/group/AddGroupUser/index.tsx
+++ b/src/features/group/AddGroupUser/index.tsx
@@ -23,8 +23,10 @@ export const AddGroupUser = ({ groupId, onSuccess, onCancel }: AddGroupUserProps
           size="large"
           queryKey={[UserQueryKey.GET_USERS]}
           queryFunction={userService.getUsers}
-          renderOptionValue={(user) => user.id}
           renderOptionLabel={(user) => user.username}
+          renderOptionValue={(user) => user.id}
+          detailQueryKey={[UserQueryKey.GET_USER]}
+          detailQueryFunction={(value) => userService.getUser({ id: value })}
         />
       </Form.Item>
 
diff --git a/src/features/group/SelectGroup/index.tsx b/src/features/group/SelectGroup/index.tsx
index 7295eb30..514da641 100644
--- a/src/features/group/SelectGroup/index.tsx
+++ b/src/features/group/SelectGroup/index.tsx
@@ -17,6 +17,8 @@ export const SelectGroup = () => {
       onSelect={handleSelectGroup}
       renderOptionLabel={(group) => group.data.name}
       renderOptionValue={(group) => group.data.id}
+      detailQueryKey={[GroupQueryKey.GET_GROUP]}
+      detailQueryFunction={(value) => groupService.getGroup({ id: value })}
       placeholder="Select group"
     />
   );
diff --git a/src/features/group/UpdateGroup/index.tsx b/src/features/group/UpdateGroup/index.tsx
index 7dfb9f56..a1847a54 100644
--- a/src/features/group/UpdateGroup/index.tsx
+++ b/src/features/group/UpdateGroup/index.tsx
@@ -49,6 +49,8 @@ export const UpdateGroup = ({ group }: UpdateGroupProps) => {
           queryFunction={userService.getUsers}
           renderOptionValue={(user) => user.id}
           renderOptionLabel={(user) => user.username}
+          detailQueryKey={[UserQueryKey.GET_USER]}
+          detailQueryFunction={(value) => userService.getUser({ id: value })}
           //TODO: [DOP-20030] Need to delete prop "disabled" when the backend leaves the user with access to the group, even after changing the owner
           disabled
         />
diff --git a/src/features/transfer/MutateTransferForm/components/SourceParams/SourceParams.tsx b/src/features/transfer/MutateTransferForm/components/SourceParams/SourceParams.tsx
index 60e5f389..8fb9a848 100644
--- a/src/features/transfer/MutateTransferForm/components/SourceParams/SourceParams.tsx
+++ b/src/features/transfer/MutateTransferForm/components/SourceParams/SourceParams.tsx
@@ -25,6 +25,8 @@ export const SourceParams = ({ groupId, initialSourceConnectionType }: SourcePar
           renderOptionValue={(connection) => connection.id}
           renderOptionLabel={(connection) => connection.name}
           onSelect={handleSelectConnection}
+          detailQueryKey={[ConnectionQueryKey.GET_CONNECTION]}
+          detailQueryFunction={(value) => connectionService.getConnection({ id: value })}
           placeholder="Select source connection"
         />
       </Form.Item>
diff --git a/src/features/transfer/MutateTransferForm/components/TargetParams/TargetParams.tsx b/src/features/transfer/MutateTransferForm/components/TargetParams/TargetParams.tsx
index 4f841d5d..71da7d01 100644
--- a/src/features/transfer/MutateTransferForm/components/TargetParams/TargetParams.tsx
+++ b/src/features/transfer/MutateTransferForm/components/TargetParams/TargetParams.tsx
@@ -25,6 +25,8 @@ export const TargetParams = ({ groupId, initialTargetConnectionType }: TargetPar
           renderOptionValue={(connection) => connection.id}
           renderOptionLabel={(connection) => connection.name}
           onSelect={handleSelectConnection}
+          detailQueryKey={[ConnectionQueryKey.GET_CONNECTION]}
+          detailQueryFunction={(value) => connectionService.getConnection({ id: value })}
           placeholder="Select target connection"
         />
       </Form.Item>
diff --git a/src/features/transfer/MutateTransferForm/index.tsx b/src/features/transfer/MutateTransferForm/index.tsx
index 80617bf6..15599be3 100644
--- a/src/features/transfer/MutateTransferForm/index.tsx
+++ b/src/features/transfer/MutateTransferForm/index.tsx
@@ -30,6 +30,8 @@ export const MutateTransferForm = ({
           queryFunction={(params) => queueService.getQueues({ group_id: group.id, ...params })}
           renderOptionValue={(queue) => queue.id}
           renderOptionLabel={(queue) => queue.name}
+          detailQueryKey={[QueueQueryKey.GET_QUEUE]}
+          detailQueryFunction={(value) => queueService.getQueue({ id: value })}
           placeholder="Select queue"
         />
       </Form.Item>
diff --git a/src/shared/hooks/index.ts b/src/shared/hooks/index.ts
index a0337922..0550f940 100644
--- a/src/shared/hooks/index.ts
+++ b/src/shared/hooks/index.ts
@@ -1 +1,2 @@
 export * from './useModalState';
+export * from './useDebouncedState';
diff --git a/src/shared/hooks/useDebouncedState/index.ts b/src/shared/hooks/useDebouncedState/index.ts
new file mode 100644
index 00000000..079040b1
--- /dev/null
+++ b/src/shared/hooks/useDebouncedState/index.ts
@@ -0,0 +1,31 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+
+import { UseDebouncedStateProps } from './types';
+
+/** Hook for handling debounced state */
+export function useDebouncedState<T>({ initialValue, delay, onDebounce = () => undefined }: UseDebouncedStateProps<T>) {
+  const [value, setValue] = useState(initialValue);
+  const timeoutRef = useRef<number | null>(null);
+
+  const clearTimeout = () => window.clearTimeout(timeoutRef.current!);
+  useEffect(() => clearTimeout, []);
+
+  const setDebouncedValue = useCallback(
+    (newValue: T) => {
+      clearTimeout();
+      timeoutRef.current = window.setTimeout(() => {
+        setValue(newValue);
+        onDebounce(newValue);
+      }, delay);
+    },
+    [delay, onDebounce],
+  );
+
+  const setValueImmediately = (newValue: T) => {
+    clearTimeout();
+    setValue(newValue);
+    onDebounce(newValue);
+  };
+
+  return { value, setValue: setValueImmediately, setDebouncedValue };
+}
diff --git a/src/shared/hooks/useDebouncedState/types.ts b/src/shared/hooks/useDebouncedState/types.ts
new file mode 100644
index 00000000..28653cb8
--- /dev/null
+++ b/src/shared/hooks/useDebouncedState/types.ts
@@ -0,0 +1,13 @@
+/**
+ * Interface as Props type of "useDebouncedState" hook.
+ *
+ * @template T - Value type.
+ */
+export interface UseDebouncedStateProps<T> {
+  /** Initial value */
+  initialValue: T;
+  /** Debounce timeout */
+  delay: number;
+  /** Callback for handling debounced state change */
+  onDebounce?: (value: T) => void;
+}
diff --git a/src/shared/types/api.ts b/src/shared/types/api.ts
index 20af25fa..e635120b 100644
--- a/src/shared/types/api.ts
+++ b/src/shared/types/api.ts
@@ -19,4 +19,8 @@ export interface PageParams {
   page: number;
 }
 
-export interface PaginationRequest extends PageParams {}
+export interface SearchParams {
+  search_query?: string;
+}
+
+export interface PaginationRequest extends PageParams, SearchParams {}
diff --git a/src/shared/ui/ManagedSelect/ManagedSelect.tsx b/src/shared/ui/ManagedSelect/ManagedSelect.tsx
index 91b88951..cd966049 100644
--- a/src/shared/ui/ManagedSelect/ManagedSelect.tsx
+++ b/src/shared/ui/ManagedSelect/ManagedSelect.tsx
@@ -1,47 +1,81 @@
-import React, { UIEventHandler, useMemo } from 'react';
+import React, { useState } from 'react';
 import { Select, Spin } from 'antd';
-import { useInfiniteRequest } from '@shared/config';
 import { DefaultOptionType } from 'antd/lib/select';
+import { useDebouncedState } from '@shared/hooks';
 
-import { PAGE_DEFAULT, PAGE_SIZE_DEFAULT } from './constants';
-import { prepareOptionsForSelect } from './utils';
 import { ManagedSelectProps } from './types';
+import { useGetList, useGetSelectedItem, useHandleSelectEvents, usePrepareOptions } from './hooks';
+import { SEARCH_VALUE_CHANGE_DELAY, SEARCH_VALUE_DEFAULT } from './constants';
 
 /** Select component for infinite pagination of data in a dropdown */
 export const ManagedSelect = <T, V extends DefaultOptionType['value']>({
   queryFunction,
   queryKey,
+  detailQueryFunction,
+  detailQueryKey,
   renderOptionValue,
   renderOptionLabel,
+  value,
+  onBlur,
+  onSelect,
+  onSearch,
   ...props
 }: ManagedSelectProps<T, V>) => {
-  const { data, fetchNextPage, hasNextPage, isLoading } = useInfiniteRequest<T>({
+  const [hasTouched, setTouched] = useState(false);
+
+  const {
+    value: searchValue,
+    setValue: setSearchValue,
+    setDebouncedValue: handleDebouncedSearchValue,
+  } = useDebouncedState({ initialValue: SEARCH_VALUE_DEFAULT, delay: SEARCH_VALUE_CHANGE_DELAY, onDebounce: onSearch });
+
+  const { data, hasNextPage, fetchNextPage, isLoading, isFetching } = useGetList({
     queryKey,
-    queryFn: ({ pageParam }) => queryFunction(pageParam),
-    initialPageParam: { page: PAGE_DEFAULT, page_size: PAGE_SIZE_DEFAULT },
+    queryFunction,
+    hasTouched,
+    searchValue,
   });
 
-  const options = useMemo(() => {
-    return prepareOptionsForSelect({
-      data: data?.items,
-      renderValue: renderOptionValue,
-      renderLabel: renderOptionLabel,
-    });
-  }, [data, renderOptionValue, renderOptionLabel]);
-
-  const handlePopupScroll: UIEventHandler<HTMLDivElement> = (event) => {
-    const target = event.currentTarget;
-    if (hasNextPage && target.scrollTop + target.offsetHeight === target.scrollHeight) {
-      fetchNextPage();
-    }
-  };
+  const { data: selectedItem } = useGetSelectedItem({
+    detailQueryKey,
+    detailQueryFunction,
+    // 'as' is needed to pass an existing initial value to the useGetSelectedItem.
+    // It will always be of type V, since useGetSelectedItem checks for this
+    value: value as V,
+  });
+
+  const { handleSelect, handleBlur, handleOpenDropdown, handlePopupScroll } = useHandleSelectEvents({
+    onBlur,
+    onSelect,
+    setTouched,
+    setSearchValue,
+    hasNextPage,
+    fetchNextPage,
+  });
+
+  const options = usePrepareOptions({
+    dataList: data,
+    searchValue,
+    selectedItem,
+    renderOptionValue,
+    renderOptionLabel,
+  });
 
   return (
     <Select
-      {...props}
-      options={options}
-      notFoundContent={isLoading ? <Spin size="small" /> : null}
+      // Do not transform value to option if there are not any options
+      value={options.length ? value : undefined}
+      showSearch
+      onDropdownVisibleChange={handleOpenDropdown}
+      onSelect={handleSelect}
+      onSearch={handleDebouncedSearchValue}
+      filterOption={false}
+      // render notFoundContent when first request data is in progress
+      options={isLoading ? [] : options}
+      notFoundContent={isFetching ? <Spin size="small" /> : undefined}
       onPopupScroll={handlePopupScroll}
+      onBlur={handleBlur}
+      {...props}
     />
   );
 };
diff --git a/src/shared/ui/ManagedSelect/constants.ts b/src/shared/ui/ManagedSelect/constants.ts
index 75b537fe..f7697375 100644
--- a/src/shared/ui/ManagedSelect/constants.ts
+++ b/src/shared/ui/ManagedSelect/constants.ts
@@ -1,2 +1,7 @@
 export const PAGE_DEFAULT = 1;
 export const PAGE_SIZE_DEFAULT = 50;
+export const SEARCH_VALUE_DEFAULT = '';
+// Debounced time for changing search value in Select
+export const SEARCH_VALUE_CHANGE_DELAY = 500;
+// Minimum delay to show loader when requesting 1st page of options
+export const REQUEST_FIRST_PAGE_DELAY = 300;
diff --git a/src/shared/ui/ManagedSelect/hooks/index.ts b/src/shared/ui/ManagedSelect/hooks/index.ts
new file mode 100644
index 00000000..23e82560
--- /dev/null
+++ b/src/shared/ui/ManagedSelect/hooks/index.ts
@@ -0,0 +1,4 @@
+export * from './useGetList';
+export * from './useGetSelectedItem';
+export * from './useHandleSelectEvents';
+export * from './usePrepareOptions';
diff --git a/src/shared/ui/ManagedSelect/hooks/useGetList/index.ts b/src/shared/ui/ManagedSelect/hooks/useGetList/index.ts
new file mode 100644
index 00000000..26e3c63c
--- /dev/null
+++ b/src/shared/ui/ManagedSelect/hooks/useGetList/index.ts
@@ -0,0 +1,2 @@
+export * from './useGetList';
+export * from './types';
diff --git a/src/shared/ui/ManagedSelect/hooks/useGetList/types.ts b/src/shared/ui/ManagedSelect/hooks/useGetList/types.ts
new file mode 100644
index 00000000..6fa6d242
--- /dev/null
+++ b/src/shared/ui/ManagedSelect/hooks/useGetList/types.ts
@@ -0,0 +1,18 @@
+import { PaginationRequest, PaginationResponse } from '@shared/types';
+import { QueryKey } from '@tanstack/react-query';
+
+/**
+ * Interface as Props for hook "useGetList"
+ *
+ * @template T - Data object type for select options.
+ */
+export interface UseGetListProps<T> {
+  /** Select was in focus one time at least */
+  hasTouched: boolean;
+  /** Query keys for requests cache of entity list data */
+  queryKey: QueryKey;
+  /** Function for request entity list data */
+  queryFunction: (params: PaginationRequest) => Promise<PaginationResponse<T>>;
+  /** Search input value in select */
+  searchValue: string;
+}
diff --git a/src/shared/ui/ManagedSelect/hooks/useGetList/useGetList.ts b/src/shared/ui/ManagedSelect/hooks/useGetList/useGetList.ts
new file mode 100644
index 00000000..68ef27e2
--- /dev/null
+++ b/src/shared/ui/ManagedSelect/hooks/useGetList/useGetList.ts
@@ -0,0 +1,23 @@
+import { useInfiniteRequest } from '@shared/config';
+
+import { PAGE_DEFAULT, PAGE_SIZE_DEFAULT, REQUEST_FIRST_PAGE_DELAY } from '../../constants';
+
+import { UseGetListProps } from './types';
+
+/** Hook for getting option list data for Select */
+export const useGetList = <T>({ queryKey, queryFunction, searchValue, hasTouched }: UseGetListProps<T>) => {
+  return useInfiniteRequest<T>({
+    queryKey: [...queryKey, searchValue],
+    queryFn: async ({ pageParam }) => {
+      const response = await queryFunction({ ...pageParam, search_query: searchValue });
+      // Wait minimum delay to show loader when requesting 1st page
+      if (pageParam.page === PAGE_DEFAULT) {
+        await new Promise((resolve) => setTimeout(resolve, REQUEST_FIRST_PAGE_DELAY));
+      }
+      return response;
+    },
+    initialPageParam: { page: PAGE_DEFAULT, page_size: PAGE_SIZE_DEFAULT },
+    // Show first page of options when user touches select
+    enabled: hasTouched,
+  });
+};
diff --git a/src/shared/ui/ManagedSelect/hooks/useGetSelectedItem/index.ts b/src/shared/ui/ManagedSelect/hooks/useGetSelectedItem/index.ts
new file mode 100644
index 00000000..026b6a60
--- /dev/null
+++ b/src/shared/ui/ManagedSelect/hooks/useGetSelectedItem/index.ts
@@ -0,0 +1,2 @@
+export * from './useGetSelectedItem';
+export * from './types';
diff --git a/src/shared/ui/ManagedSelect/hooks/useGetSelectedItem/types.ts b/src/shared/ui/ManagedSelect/hooks/useGetSelectedItem/types.ts
new file mode 100644
index 00000000..9e97d3ae
--- /dev/null
+++ b/src/shared/ui/ManagedSelect/hooks/useGetSelectedItem/types.ts
@@ -0,0 +1,17 @@
+import { QueryKey } from '@tanstack/react-query';
+import { DefaultOptionType } from 'antd/lib/select';
+
+/**
+ * Interface as Props for hook "useGetSelectedItem"
+ *
+ * @template T - Data object type for select options
+ * @template V - Value type for select options
+ */
+export interface UseGetSelectedItemProps<T, V extends DefaultOptionType['value']> {
+  /** Query keys for requests cache of entity's detail data */
+  detailQueryKey: QueryKey;
+  /** Function for request detail entity data */
+  detailQueryFunction: (value: V) => Promise<T>;
+  /** Value of Select */
+  value: V;
+}
diff --git a/src/shared/ui/ManagedSelect/hooks/useGetSelectedItem/useGetSelectedItem.ts b/src/shared/ui/ManagedSelect/hooks/useGetSelectedItem/useGetSelectedItem.ts
new file mode 100644
index 00000000..bc40d13e
--- /dev/null
+++ b/src/shared/ui/ManagedSelect/hooks/useGetSelectedItem/useGetSelectedItem.ts
@@ -0,0 +1,17 @@
+import { useQuery } from '@tanstack/react-query';
+import { DefaultOptionType } from 'antd/lib/select';
+
+import { UseGetSelectedItemProps } from './types';
+
+/** Hook for getting selected option data for Select */
+export const useGetSelectedItem = <T, V extends DefaultOptionType['value']>({
+  detailQueryKey,
+  detailQueryFunction,
+  value,
+}: UseGetSelectedItemProps<T, V>) => {
+  return useQuery<T>({
+    queryKey: [...detailQueryKey, value],
+    queryFn: () => detailQueryFunction(value),
+    enabled: !!value,
+  });
+};
diff --git a/src/shared/ui/ManagedSelect/hooks/useHandleSelectEvents/index.ts b/src/shared/ui/ManagedSelect/hooks/useHandleSelectEvents/index.ts
new file mode 100644
index 00000000..4de38551
--- /dev/null
+++ b/src/shared/ui/ManagedSelect/hooks/useHandleSelectEvents/index.ts
@@ -0,0 +1,2 @@
+export * from './useHandleSelectEvents';
+export * from './types';
diff --git a/src/shared/ui/ManagedSelect/hooks/useHandleSelectEvents/types.ts b/src/shared/ui/ManagedSelect/hooks/useHandleSelectEvents/types.ts
new file mode 100644
index 00000000..2412f9af
--- /dev/null
+++ b/src/shared/ui/ManagedSelect/hooks/useHandleSelectEvents/types.ts
@@ -0,0 +1,17 @@
+import { SelectProps } from 'antd';
+import { DefaultOptionType } from 'antd/lib/select';
+
+import { OptionItem } from '../../types';
+
+/** Interface as Props for hook "useHandleSelectEvents" */
+export interface UseHandleSelectEventsProps<T, V extends DefaultOptionType['value']>
+  extends Pick<SelectProps<V, OptionItem<T>>, 'onSelect' | 'onBlur'> {
+  /** Flag that shows if there is next page in infinite request of options in Select */
+  hasNextPage: boolean;
+  /** Callback for changing requesting next page of options in Select */
+  fetchNextPage: () => void;
+  /** Callback for changing search input value in Select */
+  setSearchValue: (value: string) => void;
+  /** Callback for changing touched state for Select */
+  setTouched: (value: boolean) => void;
+}
diff --git a/src/shared/ui/ManagedSelect/hooks/useHandleSelectEvents/useHandleSelectEvents.ts b/src/shared/ui/ManagedSelect/hooks/useHandleSelectEvents/useHandleSelectEvents.ts
new file mode 100644
index 00000000..c1d9d17e
--- /dev/null
+++ b/src/shared/ui/ManagedSelect/hooks/useHandleSelectEvents/useHandleSelectEvents.ts
@@ -0,0 +1,46 @@
+import { DefaultOptionType } from 'antd/lib/select';
+import { FocusEventHandler, UIEventHandler } from 'react';
+import { flushSync } from 'react-dom';
+
+import { OptionItem } from '../../types';
+import { SEARCH_VALUE_DEFAULT } from '../../constants';
+
+import { UseHandleSelectEventsProps } from './types';
+
+/** Hook for handling Select's component events */
+export const useHandleSelectEvents = <T, V extends DefaultOptionType['value']>({
+  hasNextPage,
+  fetchNextPage,
+  setSearchValue,
+  setTouched,
+  onSelect = () => undefined,
+  onBlur = () => undefined,
+}: UseHandleSelectEventsProps<T, V>) => {
+  const handleSelect = (newValue: V extends (infer A)[] ? A : V, option: OptionItem<T>) => {
+    setSearchValue(SEARCH_VALUE_DEFAULT);
+    onSelect(newValue, option);
+  };
+
+  const handleBlur: FocusEventHandler<HTMLElement> = (event) => {
+    setSearchValue(SEARCH_VALUE_DEFAULT);
+    onBlur(event);
+  };
+
+  const handlePopupScroll: UIEventHandler<HTMLDivElement> = (event) => {
+    const target = event.currentTarget;
+    if (hasNextPage && target.scrollTop + target.offsetHeight === target.scrollHeight) {
+      fetchNextPage();
+    }
+  };
+
+  const handleOpenDropdown = (open: boolean) => {
+    if (open) {
+      // Immediate change touched state to avoid show initial option in dropdown while first page options is loading
+      flushSync(() => {
+        setTouched(true);
+      });
+    }
+  };
+
+  return { handleSelect, handleBlur, handlePopupScroll, handleOpenDropdown };
+};
diff --git a/src/shared/ui/ManagedSelect/hooks/usePrepareOptions/index.ts b/src/shared/ui/ManagedSelect/hooks/usePrepareOptions/index.ts
new file mode 100644
index 00000000..fa6ccfae
--- /dev/null
+++ b/src/shared/ui/ManagedSelect/hooks/usePrepareOptions/index.ts
@@ -0,0 +1,2 @@
+export * from './usePrepareOptions';
+export * from './types';
diff --git a/src/shared/ui/ManagedSelect/hooks/usePrepareOptions/types.ts b/src/shared/ui/ManagedSelect/hooks/usePrepareOptions/types.ts
new file mode 100644
index 00000000..421ae646
--- /dev/null
+++ b/src/shared/ui/ManagedSelect/hooks/usePrepareOptions/types.ts
@@ -0,0 +1,16 @@
+import { PaginationResponse } from '@shared/types';
+import { DefaultOptionType } from 'antd/lib/select';
+
+/** Interface as Props for hook "usePrepareOptions" */
+export interface UsePrepareOptionsProps<T, V extends DefaultOptionType['value']> {
+  /** Search input value in Select */
+  searchValue: string;
+  /** Function render value for option from data object */
+  renderOptionValue: (item: T) => V;
+  /** Function render label for option from data object */
+  renderOptionLabel: (item: T) => DefaultOptionType['label'];
+  /** Response data from infinite request for options in Select */
+  dataList?: PaginationResponse<T>;
+  /** Selected option in Select */
+  selectedItem?: T;
+}
diff --git a/src/shared/ui/ManagedSelect/hooks/usePrepareOptions/usePrepareOptions.ts b/src/shared/ui/ManagedSelect/hooks/usePrepareOptions/usePrepareOptions.ts
new file mode 100644
index 00000000..ae5f57c5
--- /dev/null
+++ b/src/shared/ui/ManagedSelect/hooks/usePrepareOptions/usePrepareOptions.ts
@@ -0,0 +1,39 @@
+import { DefaultOptionType } from 'antd/lib/select';
+import { useMemo } from 'react';
+
+import { prepareOptionsForSelect } from '../../utils';
+
+import { UsePrepareOptionsProps } from './types';
+
+/** Hook for handling Select's component events */
+export const usePrepareOptions = <T, V extends DefaultOptionType['value']>({
+  searchValue,
+  selectedItem,
+  renderOptionValue,
+  renderOptionLabel,
+  dataList,
+}: UsePrepareOptionsProps<T, V>) => {
+  return useMemo(() => {
+    const loadedOptions = prepareOptionsForSelect({
+      data: dataList?.items,
+      renderValue: renderOptionValue,
+      renderLabel: renderOptionLabel,
+    });
+    // Show selected element on first position in dropdown if search is empty
+    if (selectedItem && !searchValue.length) {
+      const selectedOption = {
+        data: selectedItem,
+        value: renderOptionValue(selectedItem),
+        label: renderOptionLabel(selectedItem),
+      };
+      const selectedItemIndex = loadedOptions.findIndex((option) => option.value === selectedOption.value);
+      if (selectedItemIndex > -1) {
+        loadedOptions[selectedItemIndex] = loadedOptions[0];
+        loadedOptions[0] = selectedOption;
+      } else {
+        loadedOptions.unshift(selectedOption);
+      }
+    }
+    return loadedOptions;
+  }, [dataList, selectedItem, searchValue, renderOptionValue, renderOptionLabel]);
+};
diff --git a/src/shared/ui/ManagedSelect/types.ts b/src/shared/ui/ManagedSelect/types.ts
index 3573b5b7..464acf4d 100644
--- a/src/shared/ui/ManagedSelect/types.ts
+++ b/src/shared/ui/ManagedSelect/types.ts
@@ -1,8 +1,8 @@
-import { PaginationRequest, PaginationResponse } from '@shared/types';
-import { QueryKey } from '@tanstack/react-query';
 import { SelectProps } from 'antd';
 import { DefaultOptionType } from 'antd/lib/select';
 
+import { UseGetListProps, UseGetSelectedItemProps, UsePrepareOptionsProps } from './hooks';
+
 /**
  * Interface as Props for component "ManagedSelect"
  *
@@ -10,16 +10,13 @@ import { DefaultOptionType } from 'antd/lib/select';
  * @template V - Value type for select options.
  */
 export interface ManagedSelectProps<T, V extends DefaultOptionType['value']>
-  extends Omit<SelectProps<V, OptionItem<T>>, 'options' | 'notFoundContent' | 'dropdownRender'> {
-  /** Function for request data */
-  queryFunction: (params: PaginationRequest) => Promise<PaginationResponse<T>>;
-  /** Query keys for requests cache */
-  queryKey: QueryKey;
-  /** Function render value for option from data object */
-  renderOptionValue: (item: T) => V;
-  /** Function render label for option from data object */
-  renderOptionLabel: (item: T) => DefaultOptionType['label'];
-}
+  extends Omit<
+      SelectProps<V, OptionItem<T>>,
+      'options' | 'notFoundContent' | 'dropdownRender' | 'onDropdownVisibleChange' | 'onPopupScroll' | 'filterOption'
+    >,
+    Pick<UseGetListProps<T>, 'queryKey' | 'queryFunction'>,
+    Omit<UseGetSelectedItemProps<T, V>, 'value'>,
+    Pick<UsePrepareOptionsProps<T, V>, 'renderOptionValue' | 'renderOptionLabel'> {}
 
 /**
  * Interface that adding extra field with full data object from option