diff --git a/packages/select/src/common/itemListRenderer.ts b/packages/select/src/common/itemListRenderer.ts
index 180f762fad..5368ad2511 100644
--- a/packages/select/src/common/itemListRenderer.ts
+++ b/packages/select/src/common/itemListRenderer.ts
@@ -20,7 +20,7 @@ import type { CreateNewItem } from "./listItemsUtils";
  * An object describing how to render the list of items.
  * An `itemListRenderer` receives this object as its sole argument.
  */
-export interface ItemListRendererProps<T> {
+export interface ItemListRendererProps<T, A extends readonly T[] = T[]> {
     /**
      * The currently focused item (for keyboard interactions), or `null` to
      * indicate that no item is active.
@@ -35,13 +35,13 @@ export interface ItemListRendererProps<T> {
      * map each item in this array through `renderItem`, with support for
      * optional `noResults` and `initialContent` states.
      */
-    filteredItems: T[];
+    filteredItems: A;
 
     /**
      * Array of all items in the list.
      * See `filteredItems` for a filtered array based on `query` and predicate props.
      */
-    items: T[];
+    items: A;
 
     /**
      * The current query string.
@@ -75,15 +75,17 @@ export interface ItemListRendererProps<T> {
 }
 
 /** Type alias for a function that renders the list of items. */
-export type ItemListRenderer<T> = (itemListProps: ItemListRendererProps<T>) => React.JSX.Element | null;
+export type ItemListRenderer<T, A extends readonly T[] = T[]> = (
+    itemListProps: ItemListRendererProps<T, A>,
+) => React.JSX.Element | null;
 
 /**
  * `ItemListRenderer` helper method for rendering each item in `filteredItems`,
  * with optional support for `noResults` (when filtered items is empty)
  * and `initialContent` (when query is empty).
  */
-export function renderFilteredItems(
-    props: ItemListRendererProps<any>,
+export function renderFilteredItems<T, A extends readonly T[] = T[]>(
+    props: ItemListRendererProps<T, A>,
     noResults?: React.ReactNode,
     initialContent?: React.ReactNode | null,
 ): React.ReactNode {
diff --git a/packages/select/src/common/listItemsProps.ts b/packages/select/src/common/listItemsProps.ts
index 2beb4431b3..23eb60de40 100644
--- a/packages/select/src/common/listItemsProps.ts
+++ b/packages/select/src/common/listItemsProps.ts
@@ -34,7 +34,7 @@ export type ItemsEqualComparator<T> = (itemA: T, itemB: T) => boolean;
 export type ItemsEqualProp<T> = ItemsEqualComparator<T> | keyof T;
 
 /** Reusable generic props for a component that operates on a filterable, selectable list of `items`. */
-export interface ListItemsProps<T> extends Props {
+export interface ListItemsProps<T, A extends readonly T[] = T[]> extends Props {
     /**
      * The currently focused item for keyboard interactions, or `null` to
      * indicate that no item is active. If omitted or `undefined`, this prop will be
@@ -44,7 +44,7 @@ export interface ListItemsProps<T> extends Props {
     activeItem?: T | CreateNewItem | null;
 
     /** Array of items in the list. */
-    items: T[];
+    items: A;
 
     /**
      * Specifies how to test if two items are equal. By default, simple strict
@@ -75,7 +75,7 @@ export interface ListItemsProps<T> extends Props {
      *
      * If `itemPredicate` is also defined, this prop takes priority and the other will be ignored.
      */
-    itemListPredicate?: ItemListPredicate<T>;
+    itemListPredicate?: ItemListPredicate<T, A>;
 
     /**
      * Customize querying of individual items.
@@ -110,7 +110,7 @@ export interface ListItemsProps<T> extends Props {
      * and wraps them all in a `Menu` element. If the query is empty then `initialContent` is returned,
      * and if there are no items that match the predicate then `noResults` is returned.
      */
-    itemListRenderer?: ItemListRenderer<T>;
+    itemListRenderer?: ItemListRenderer<T, A>;
 
     /**
      * React content to render when query is empty.
@@ -157,7 +157,7 @@ export interface ListItemsProps<T> extends Props {
     /**
      * Callback invoked when multiple items are selected at once via pasting.
      */
-    onItemsPaste?: (items: T[]) => void;
+    onItemsPaste?: (items: A) => void;
 
     /**
      * Callback invoked when the query string changes.
@@ -170,7 +170,7 @@ export interface ListItemsProps<T> extends Props {
      * created, either by pressing the `Enter` key or by clicking on the "Create
      * Item" option. It transforms a query string into one or many items type.
      */
-    createNewItemFromQuery?: (query: string) => T | T[];
+    createNewItemFromQuery?: (query: string) => T | A;
 
     /**
      * Custom renderer to transform the current query string into a selectable
diff --git a/packages/select/src/common/predicate.ts b/packages/select/src/common/predicate.ts
index 8011cbe033..e308689bcf 100644
--- a/packages/select/src/common/predicate.ts
+++ b/packages/select/src/common/predicate.ts
@@ -18,7 +18,7 @@
  * A custom predicate for returning an entirely new `items` array based on the provided query.
  * See usage sites in `ListItemsProps`.
  */
-export type ItemListPredicate<T> = (query: string, items: T[]) => T[];
+export type ItemListPredicate<T, A extends readonly T[] = T[]> = (query: string, items: A) => A;
 
 /**
  * A custom predicate for filtering items based on the provided query.
diff --git a/packages/select/src/components/multi-select/multiSelect.tsx b/packages/select/src/components/multi-select/multiSelect.tsx
index 1d69815585..39db60641a 100644
--- a/packages/select/src/components/multi-select/multiSelect.tsx
+++ b/packages/select/src/components/multi-select/multiSelect.tsx
@@ -39,12 +39,12 @@ import { Cross } from "@blueprintjs/icons";
 import { Classes, type ListItemsProps, type SelectPopoverProps } from "../../common";
 import { QueryList, type QueryListRendererProps } from "../query-list/queryList";
 
-export interface MultiSelectProps<T> extends ListItemsProps<T>, SelectPopoverProps {
+export interface MultiSelectProps<T, A extends readonly T[] = T[]> extends ListItemsProps<T, A>, SelectPopoverProps {
     /**
      * Element which triggers the multiselect popover. Providing this prop will replace the default TagInput
      * target thats rendered and move the search functionality to within the Popover.
      */
-    customTarget?: (selectedItems: T[], isOpen: boolean) => React.ReactNode;
+    customTarget?: (selectedItems: A, isOpen: boolean) => React.ReactNode;
 
     /**
      * Whether the component is non-interactive.
@@ -104,7 +104,7 @@ export interface MultiSelectProps<T> extends ListItemsProps<T>, SelectPopoverPro
     placeholder?: string;
 
     /** Controlled selected values. */
-    selectedItems: T[];
+    selectedItems: A;
 
     /**
      * Props to pass to the [TagInput component](##core/components/tag-input).
@@ -142,7 +142,10 @@ export interface MultiSelectState {
  *
  * @see https://blueprintjs.com/docs/#select/multi-select
  */
-export class MultiSelect<T> extends AbstractPureComponent<MultiSelectProps<T>, MultiSelectState> {
+export class MultiSelect<T, A extends readonly T[] = T[]> extends AbstractPureComponent<
+    MultiSelectProps<T, A>,
+    MultiSelectState
+> {
     public static displayName = `${DISPLAYNAME_PREFIX}.MultiSelect`;
 
     private listboxId = Utils.uniqueId("listbox");
@@ -164,19 +167,19 @@ export class MultiSelect<T> extends AbstractPureComponent<MultiSelectProps<T>, M
 
     public input: HTMLInputElement | null = null;
 
-    public queryList: QueryList<T> | null = null;
+    public queryList: QueryList<T, A> | null = null;
 
     private refHandlers: {
         input: React.RefCallback<HTMLInputElement>;
         popover: React.RefObject<Popover>;
-        queryList: React.RefCallback<QueryList<T>>;
+        queryList: React.RefCallback<QueryList<T, A>>;
     } = {
         input: refHandler(this, "input", this.props.tagInputProps?.inputRef),
         popover: React.createRef(),
-        queryList: (ref: QueryList<T> | null) => (this.queryList = ref),
+        queryList: (ref: QueryList<T, A> | null) => (this.queryList = ref),
     };
 
-    public componentDidUpdate(prevProps: MultiSelectProps<T>) {
+    public componentDidUpdate(prevProps: MultiSelectProps<T, A>) {
         if (prevProps.tagInputProps?.inputRef !== this.props.tagInputProps?.inputRef) {
             setRef(prevProps.tagInputProps?.inputRef, null);
             this.refHandlers.input = refHandler(this, "input", this.props.tagInputProps?.inputRef);
@@ -195,7 +198,7 @@ export class MultiSelect<T> extends AbstractPureComponent<MultiSelectProps<T>, M
         const { menuProps, openOnKeyDown, popoverProps, tagInputProps, customTarget, ...restProps } = this.props;
 
         return (
-            <QueryList<T>
+            <QueryList<T, A>
                 {...restProps}
                 menuProps={{
                     "aria-label": "selectable options",
@@ -211,7 +214,7 @@ export class MultiSelect<T> extends AbstractPureComponent<MultiSelectProps<T>, M
         );
     }
 
-    private renderQueryList = (listProps: QueryListRendererProps<T>) => {
+    private renderQueryList = (listProps: QueryListRendererProps<T, A>) => {
         const { disabled, popoverContentProps = {}, popoverProps = {} } = this.props;
         const { handleKeyDown, handleKeyUp } = listProps;
 
@@ -267,7 +270,7 @@ export class MultiSelect<T> extends AbstractPureComponent<MultiSelectProps<T>, M
     // the "fill" prop. Note that we must take `isOpen` as an argument to force this render function to be called
     // again after that state changes.
     private getPopoverTargetRenderer =
-        (listProps: QueryListRendererProps<T>, isOpen: boolean) =>
+        (listProps: QueryListRendererProps<T, A>, isOpen: boolean) =>
         // N.B. pull out `isOpen` so that it's not forwarded to the DOM, but remember not to use it directly
         // since it may be stale (`renderTarget` is not re-invoked on this.state changes).
         // eslint-disable-next-line react/display-name
@@ -304,7 +307,7 @@ export class MultiSelect<T> extends AbstractPureComponent<MultiSelectProps<T>, M
             );
         };
 
-    private getTagInput = (listProps: QueryListRendererProps<T>, className?: string) => {
+    private getTagInput = (listProps: QueryListRendererProps<T, A>, className?: string) => {
         const { disabled, fill, onClear, placeholder, selectedItems, tagInputProps = {} } = this.props;
 
         const maybeClearButton =
@@ -408,7 +411,7 @@ export class MultiSelect<T> extends AbstractPureComponent<MultiSelectProps<T>, M
     };
 
     private getTagInputAddHandler =
-        (listProps: QueryListRendererProps<T>) => (values: any[], method: TagInputAddMethod) => {
+        (listProps: QueryListRendererProps<T, A>) => (values: any[], method: TagInputAddMethod) => {
             if (method === "paste") {
                 listProps.handlePaste(values);
             }
diff --git a/packages/select/src/components/omnibar/omnibar.tsx b/packages/select/src/components/omnibar/omnibar.tsx
index 8491a76b8d..2d251161d5 100644
--- a/packages/select/src/components/omnibar/omnibar.tsx
+++ b/packages/select/src/components/omnibar/omnibar.tsx
@@ -23,7 +23,7 @@ import { Search } from "@blueprintjs/icons";
 import { Classes, type ListItemsProps } from "../../common";
 import { QueryList, type QueryListRendererProps } from "../query-list/queryList";
 
-export interface OmnibarProps<T> extends ListItemsProps<T> {
+export interface OmnibarProps<T, A extends readonly T[] = T[]> extends ListItemsProps<T, A> {
     /**
      * Props to spread to the query `InputGroup`. Use `query` and
      * `onQueryChange` instead of `inputProps.value` and `inputProps.onChange`
@@ -58,7 +58,7 @@ export interface OmnibarProps<T> extends ListItemsProps<T> {
  *
  * @see https://blueprintjs.com/docs/#select/omnibar
  */
-export class Omnibar<T> extends React.PureComponent<OmnibarProps<T>> {
+export class Omnibar<T, A extends readonly T[] = T[]> extends React.PureComponent<OmnibarProps<T, A>> {
     public static displayName = `${DISPLAYNAME_PREFIX}.Omnibar`;
 
     public static ofType<U>() {
@@ -71,7 +71,7 @@ export class Omnibar<T> extends React.PureComponent<OmnibarProps<T>> {
         const initialContent = "initialContent" in this.props ? this.props.initialContent : null;
 
         return (
-            <QueryList<T>
+            <QueryList<T, A>
                 {...restProps}
                 // Omnibar typically does not keep track of and/or show its selection state like other
                 // select components, so it's more of a menu than a listbox. This means that users should return
@@ -83,7 +83,7 @@ export class Omnibar<T> extends React.PureComponent<OmnibarProps<T>> {
         );
     }
 
-    private renderQueryList = (listProps: QueryListRendererProps<T>) => {
+    private renderQueryList = (listProps: QueryListRendererProps<T, A>) => {
         const { inputProps = {}, isOpen, overlayProps = {} } = this.props;
         const { handleKeyDown, handleKeyUp } = listProps;
         const handlers = isOpen ? { onKeyDown: handleKeyDown, onKeyUp: handleKeyUp } : {};
diff --git a/packages/select/src/components/query-list/queryList.tsx b/packages/select/src/components/query-list/queryList.tsx
index e326843711..20b0974f60 100644
--- a/packages/select/src/components/query-list/queryList.tsx
+++ b/packages/select/src/components/query-list/queryList.tsx
@@ -30,7 +30,7 @@ import {
     renderFilteredItems,
 } from "../../common";
 
-export interface QueryListProps<T> extends ListItemsProps<T> {
+export interface QueryListProps<T, A extends readonly T[] = T[]> extends ListItemsProps<T, A> {
     /**
      * Initial active item, useful if the parent component is controlling its selectedItem but
      * not activeItem.
@@ -60,7 +60,7 @@ export interface QueryListProps<T> extends ListItemsProps<T> {
      * Customize rendering of the component.
      * Receives an object with props that should be applied to elements as necessary.
      */
-    renderer: (listProps: QueryListRendererProps<T>) => React.JSX.Element;
+    renderer: (listProps: QueryListRendererProps<T, A>) => React.JSX.Element;
 
     /**
      * Whether the list is disabled.
@@ -74,8 +74,8 @@ export interface QueryListProps<T> extends ListItemsProps<T> {
  * An object describing how to render a `QueryList`.
  * A `QueryList` `renderer` receives this object as its sole argument.
  */
-export interface QueryListRendererProps<T> // Omit `createNewItem`, because it's used strictly for internal tracking.
-    extends Pick<QueryListState<T>, "activeItem" | "filteredItems" | "query">,
+export interface QueryListRendererProps<T, A extends readonly T[] = T[]> // Omit `createNewItem`, because it's used strictly for internal tracking.
+    extends Pick<QueryListState<T, A>, "activeItem" | "filteredItems" | "query">,
         Props {
     /**
      * Selection handler that should be invoked when a new item has been chosen,
@@ -124,7 +124,7 @@ export interface QueryListRendererProps<T> // Omit `createNewItem`, because it's
 }
 
 /** Exported for testing, not part of public API */
-export interface QueryListState<T> {
+export interface QueryListState<T, A extends readonly T[] = T[]> {
     /** The currently focused item (for keyboard interactions). */
     activeItem: T | CreateNewItem | null;
 
@@ -134,10 +134,10 @@ export interface QueryListState<T> {
      * this element will be used to hide the "Create Item" option if its value
      * matches the current `query`.
      */
-    createNewItem: T | T[] | undefined;
+    createNewItem: T | A | undefined;
 
     /** The original `items` array filtered by `itemListPredicate` or `itemPredicate`. */
-    filteredItems: T[];
+    filteredItems: A;
 
     /** The current query string. */
     query: string;
@@ -148,7 +148,10 @@ export interface QueryListState<T> {
  *
  * @see https://blueprintjs.com/docs/#select/query-list
  */
-export class QueryList<T> extends AbstractComponent<QueryListProps<T>, QueryListState<T>> {
+export class QueryList<T, A extends readonly T[] = T[]> extends AbstractComponent<
+    QueryListProps<T, A>,
+    QueryListState<T, A>
+> {
     public static displayName = `${DISPLAYNAME_PREFIX}.QueryList`;
 
     public static defaultProps = {
@@ -198,7 +201,7 @@ export class QueryList<T> extends AbstractComponent<QueryListProps<T>, QueryList
      */
     private isEnterKeyPressed = false;
 
-    public constructor(props: QueryListProps<T>) {
+    public constructor(props: QueryListProps<T, A>) {
         super(props);
 
         const { query = "" } = props;
@@ -238,7 +241,7 @@ export class QueryList<T> extends AbstractComponent<QueryListProps<T>, QueryList
         });
     }
 
-    public componentDidUpdate(prevProps: QueryListProps<T>) {
+    public componentDidUpdate(prevProps: QueryListProps<T, A>) {
         if (this.props.activeItem !== undefined && this.props.activeItem !== this.state.activeItem) {
             this.shouldCheckActiveItemInViewport = true;
             this.setState({ activeItem: this.props.activeItem });
@@ -354,7 +357,7 @@ export class QueryList<T> extends AbstractComponent<QueryListProps<T>, QueryList
     }
 
     /** default `itemListRenderer` implementation */
-    private renderItemList = (listProps: ItemListRendererProps<T>) => {
+    private renderItemList = (listProps: ItemListRendererProps<T, A>) => {
         const { initialContent, noResults } = this.props;
 
         // omit noResults if createNewItemFromQuery and createNewItemRenderer are both supplied, and query is not empty
@@ -485,7 +488,7 @@ export class QueryList<T> extends AbstractComponent<QueryListProps<T>, QueryList
         // Find an exising item that exactly matches each pasted value, or
         // create a new item if possible. Ignore unmatched values if creating
         // items is disabled.
-        const pastedItemsToEmit = [];
+        const pastedItemsToEmit: T[] = [];
 
         for (const query of queries) {
             const equalItem = getMatchingItem(query, this.props);
@@ -515,7 +518,7 @@ export class QueryList<T> extends AbstractComponent<QueryListProps<T>, QueryList
             this.setActiveItem(nextActiveItem);
         }
 
-        onItemsPaste?.(pastedItemsToEmit);
+        onItemsPaste?.(pastedItemsToEmit as readonly T[] as A);
     };
 
     private handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {
@@ -584,7 +587,7 @@ export class QueryList<T> extends AbstractComponent<QueryListProps<T>, QueryList
      * @param createNewItem Checks if this item would match the current query. Cannot check this.state.createNewItem
      *  every time since state may not have been updated yet.
      */
-    private isCreateItemRendered(createNewItem?: T | T[]): boolean {
+    private isCreateItemRendered(createNewItem?: T | A): boolean {
         return (
             this.canCreateItems() &&
             this.state.query !== "" &&
@@ -603,7 +606,7 @@ export class QueryList<T> extends AbstractComponent<QueryListProps<T>, QueryList
         return this.props.createNewItemFromQuery != null && this.props.createNewItemRenderer != null;
     }
 
-    private wouldCreatedItemMatchSomeExistingItem(createNewItem?: T | T[]) {
+    private wouldCreatedItemMatchSomeExistingItem(createNewItem?: T | A) {
         // search only the filtered items, not the full items list, because we
         // only need to check items that match the current query.
         return this.state.filteredItems.some(item => {
@@ -623,7 +626,10 @@ function pxToNumber(value: string | null) {
     return value == null ? 0 : parseInt(value.slice(0, -2), 10);
 }
 
-function getMatchingItem<T>(query: string, { items, itemPredicate }: QueryListProps<T>): T | undefined {
+function getMatchingItem<T, A extends readonly T[] = T[]>(
+    query: string,
+    { items, itemPredicate }: QueryListProps<T, A>,
+): T | undefined {
     if (Utils.isFunction(itemPredicate)) {
         // .find() doesn't exist in ES5. Alternative: use a for loop instead of
         // .filter() so that we can return as soon as we find the first match.
@@ -637,12 +643,15 @@ function getMatchingItem<T>(query: string, { items, itemPredicate }: QueryListPr
     return undefined;
 }
 
-function getFilteredItems<T>(query: string, { items, itemPredicate, itemListPredicate }: QueryListProps<T>) {
+function getFilteredItems<T, A extends readonly T[] = T[]>(
+    query: string,
+    { items, itemPredicate, itemListPredicate }: QueryListProps<T, A>,
+) {
     if (Utils.isFunction(itemListPredicate)) {
         // note that implementations can reorder the items here
         return itemListPredicate(query, items);
     } else if (Utils.isFunction(itemPredicate)) {
-        return items.filter((item, index) => itemPredicate(query, item, index));
+        return items.filter((item, index) => itemPredicate(query, item, index)) as readonly T[] as A;
     }
     return items;
 }
@@ -657,7 +666,11 @@ function wrapNumber(value: number, min: number, max: number) {
     return value;
 }
 
-function isItemDisabled<T>(item: T | null, index: number, itemDisabled?: ListItemsProps<T>["itemDisabled"]) {
+function isItemDisabled<T, A extends readonly T[] = T[]>(
+    item: T | null,
+    index: number,
+    itemDisabled?: ListItemsProps<T, A>["itemDisabled"],
+) {
     if (itemDisabled == null || item == null) {
         return false;
     } else if (Utils.isFunction(itemDisabled)) {
@@ -675,8 +688,8 @@ function isItemDisabled<T>(item: T | null, index: number, itemDisabled?: ListIte
  * @param direction amount to move in each iteration, typically +/-1
  * @param startIndex which index to begin moving from
  */
-export function getFirstEnabledItem<T>(
-    items: T[],
+export function getFirstEnabledItem<T, A extends readonly T[] = T[]>(
+    items: A,
     itemDisabled?: keyof T | ((item: T, index: number) => boolean),
     direction = 1,
     startIndex = items.length - 1,
diff --git a/packages/select/src/components/select/select.tsx b/packages/select/src/components/select/select.tsx
index 827217a1ed..5cdb9245fd 100644
--- a/packages/select/src/components/select/select.tsx
+++ b/packages/select/src/components/select/select.tsx
@@ -37,7 +37,7 @@ import { Cross, Search } from "@blueprintjs/icons";
 import { Classes, type ListItemsProps, type SelectPopoverProps } from "../../common";
 import { QueryList, type QueryListRendererProps } from "../query-list/queryList";
 
-export interface SelectProps<T> extends ListItemsProps<T>, SelectPopoverProps {
+export interface SelectProps<T, A extends readonly T[] = T[]> extends ListItemsProps<T, A>, SelectPopoverProps {
     /**
      * Element which triggers the select popover. In most cases, you should display
      * the name or label of the curently selected item here.
@@ -108,7 +108,7 @@ export interface SelectState {
  *
  * @see https://blueprintjs.com/docs/#select/select
  */
-export class Select<T> extends AbstractPureComponent<SelectProps<T>, SelectState> {
+export class Select<T, A extends readonly T[] = T[]> extends AbstractPureComponent<SelectProps<T, A>, SelectState> {
     public static displayName = `${DISPLAYNAME_PREFIX}.Select`;
 
     /** @deprecated no longer necessary now that the TypeScript parser supports type arguments on JSX element tags */
@@ -120,7 +120,7 @@ export class Select<T> extends AbstractPureComponent<SelectProps<T>, SelectState
 
     public inputElement: HTMLInputElement | null = null;
 
-    private queryList: QueryList<T> | null = null;
+    private queryList: QueryList<T, A> | null = null;
 
     private previousFocusedElement: HTMLElement | undefined;
 
@@ -130,7 +130,7 @@ export class Select<T> extends AbstractPureComponent<SelectProps<T>, SelectState
         this.props.inputProps?.inputRef,
     );
 
-    private handleQueryListRef = (ref: QueryList<T> | null) => (this.queryList = ref);
+    private handleQueryListRef = (ref: QueryList<T, A> | null) => (this.queryList = ref);
 
     private listboxId = Utils.uniqueId("listbox");
 
@@ -139,7 +139,7 @@ export class Select<T> extends AbstractPureComponent<SelectProps<T>, SelectState
         const { filterable, inputProps, menuProps, popoverProps, ...restProps } = this.props;
 
         return (
-            <QueryList<T>
+            <QueryList<T, A>
                 {...restProps}
                 menuProps={{ "aria-label": "selectable options", ...menuProps, id: this.listboxId }}
                 onItemSelect={this.handleItemSelect}
@@ -149,7 +149,7 @@ export class Select<T> extends AbstractPureComponent<SelectProps<T>, SelectState
         );
     }
 
-    public componentDidUpdate(prevProps: SelectProps<T>, prevState: SelectState) {
+    public componentDidUpdate(prevProps: SelectProps<T, A>, prevState: SelectState) {
         if (prevProps.inputProps?.inputRef !== this.props.inputProps?.inputRef) {
             setRef(prevProps.inputProps?.inputRef, null);
             this.handleInputRef = refHandler(this, "inputElement", this.props.inputProps?.inputRef);
@@ -161,7 +161,7 @@ export class Select<T> extends AbstractPureComponent<SelectProps<T>, SelectState
         }
     }
 
-    private renderQueryList = (listProps: QueryListRendererProps<T>) => {
+    private renderQueryList = (listProps: QueryListRendererProps<T, A>) => {
         // not using defaultProps cuz they're hard to type with generics (can't use <T> on static members)
         const {
             filterable = true,
@@ -220,7 +220,7 @@ export class Select<T> extends AbstractPureComponent<SelectProps<T>, SelectState
     // the "fill" prop. Note that we must take `isOpen` as an argument to force this render function to be called
     // again after that state changes.
     private getPopoverTargetRenderer =
-        (listProps: QueryListRendererProps<T>, isOpen: boolean) =>
+        (listProps: QueryListRendererProps<T, A>, isOpen: boolean) =>
         // N.B. pull out `isOpen` so that it's not forwarded to the DOM, but remember not to use it directly
         // since it may be stale (`renderTarget` is not re-invoked on this.state changes).
         // eslint-disable-next-line react/display-name
diff --git a/packages/select/src/components/suggest/suggest.tsx b/packages/select/src/components/suggest/suggest.tsx
index 9cc3b87173..1424ee1f4a 100644
--- a/packages/select/src/components/suggest/suggest.tsx
+++ b/packages/select/src/components/suggest/suggest.tsx
@@ -35,7 +35,9 @@ import {
 import { Classes, type ListItemsProps, type SelectPopoverProps } from "../../common";
 import { QueryList, type QueryListRendererProps } from "../query-list/queryList";
 
-export interface SuggestProps<T> extends ListItemsProps<T>, Omit<SelectPopoverProps, "popoverTargetProps"> {
+export interface SuggestProps<T, A extends readonly T[] = T[]>
+    extends ListItemsProps<T, A>,
+        Omit<SelectPopoverProps, "popoverTargetProps"> {
     /**
      * Whether the popover should close after selecting an item.
      *
@@ -117,7 +119,10 @@ export interface SuggestState<T> {
  *
  * @see https://blueprintjs.com/docs/#select/suggest
  */
-export class Suggest<T> extends AbstractPureComponent<SuggestProps<T>, SuggestState<T>> {
+export class Suggest<T, A extends readonly T[] = T[]> extends AbstractPureComponent<
+    SuggestProps<T, A>,
+    SuggestState<T>
+> {
     public static displayName = `${DISPLAYNAME_PREFIX}.Suggest`;
 
     public static defaultProps: Partial<SuggestProps<any>> = {
@@ -139,7 +144,7 @@ export class Suggest<T> extends AbstractPureComponent<SuggestProps<T>, SuggestSt
 
     public inputElement: HTMLInputElement | null = null;
 
-    private queryList: QueryList<T> | null = null;
+    private queryList: QueryList<T, A> | null = null;
 
     private handleInputRef: React.Ref<HTMLInputElement> = refHandler(
         this,
@@ -147,7 +152,7 @@ export class Suggest<T> extends AbstractPureComponent<SuggestProps<T>, SuggestSt
         this.props.inputProps?.inputRef,
     );
 
-    private handleQueryListRef = (ref: QueryList<T> | null) => (this.queryList = ref);
+    private handleQueryListRef = (ref: QueryList<T, A> | null) => (this.queryList = ref);
 
     private listboxId = Utils.uniqueId("listbox");
 
@@ -156,7 +161,7 @@ export class Suggest<T> extends AbstractPureComponent<SuggestProps<T>, SuggestSt
         const { disabled, inputProps, menuProps, popoverProps, ...restProps } = this.props;
 
         return (
-            <QueryList<T>
+            <QueryList<T, A>
                 {...restProps}
                 menuProps={{ "aria-label": "selectable options", ...menuProps, id: this.listboxId }}
                 initialActiveItem={this.props.selectedItem ?? undefined}
@@ -167,7 +172,7 @@ export class Suggest<T> extends AbstractPureComponent<SuggestProps<T>, SuggestSt
         );
     }
 
-    public componentDidUpdate(prevProps: SuggestProps<T>, prevState: SuggestState<T>) {
+    public componentDidUpdate(prevProps: SuggestProps<T, A>, prevState: SuggestState<T>) {
         if (prevProps.inputProps?.inputRef !== this.props.inputProps?.inputRef) {
             setRef(prevProps.inputProps?.inputRef, null);
             this.handleInputRef = refHandler(this, "inputElement", this.props.inputProps?.inputRef);
@@ -191,7 +196,7 @@ export class Suggest<T> extends AbstractPureComponent<SuggestProps<T>, SuggestSt
         }
     }
 
-    private renderQueryList = (listProps: QueryListRendererProps<T>) => {
+    private renderQueryList = (listProps: QueryListRendererProps<T, A>) => {
         const { popoverContentProps = {}, popoverProps = {}, popoverRef } = this.props;
         const { isOpen } = this.state;
         const { handleKeyDown, handleKeyUp } = listProps;
@@ -226,7 +231,7 @@ export class Suggest<T> extends AbstractPureComponent<SuggestProps<T>, SuggestSt
     // the "fill" prop. Note that we must take `isOpen` as an argument to force this render function to be called
     // again after that state changes.
     private getPopoverTargetRenderer =
-        (listProps: QueryListRendererProps<T>, isOpen: boolean) =>
+        (listProps: QueryListRendererProps<T, A>, isOpen: boolean) =>
         // eslint-disable-next-line react/display-name
         ({
             // pull out `isOpen` so that it's not forwarded to the DOM