refactor(structure): add virtualization when rendering assigneeds list

sanity-io · Sep 23, 2024 · 83ce08d · 83ce08d
1 parent 7c814a8
commit 83ce08d
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/sanity/src/core/tasks/components/form/fields/assignee/AssigneeSelectionMenu.tsx b/packages/sanity/src/core/tasks/components/form/fields/assignee/AssigneeSelectionMenu.tsx
@@ -9,6 +9,7 @@ import {
   MenuItem,
   Text,
   TextInput,
+  VirtualList,
 } from '@sanity/ui'
 import {deburr} from 'lodash'
 import {type ChangeEvent, type KeyboardEvent, useCallback, useMemo, useRef, useState} from 'react'
@@ -172,7 +173,7 @@ function MentionsMenu({onSelect, value = ''}: {onSelect: SelectItemHandler; valu
             </Text>
           </Box>
         ) : (
-          filteredOptions.map(renderItem)
+          <VirtualList items={filteredOptions} renderItem={renderItem} />
         )}
       </div>
     </div>