diff --git a/src/components/useList/hooks/useList.ts b/src/components/useList/hooks/useList.ts
index 11a99c9eb4..480f39d4ee 100644
--- a/src/components/useList/hooks/useList.ts
+++ b/src/components/useList/hooks/useList.ts
@@ -1,7 +1,7 @@
 /* eslint-disable valid-jsdoc */
 import React from 'react';
 
-import type {ListState, UseListResult} from '../types';
+import type {InitialListParsedState, UseListResult} from '../types';
 
 import {useFlattenListItems} from './useFlattenListItems';
 import {useListParsedState} from './useListParsedState';
@@ -10,7 +10,7 @@ import {useListState} from './useListState';
 import type {UseListStateProps} from './useListState';
 
 interface UseListProps<T> extends UseListParsedStateProps<T>, UseListStateProps {
-    controlledState?: Partial<ListState>;
+    controlledState?: Partial<InitialListParsedState>;
 }
 
 /**
@@ -30,16 +30,18 @@ export const useList = <T>({
         defaultExpandedState,
     });
 
-    const initValues = React.useMemo(() => {
+    const initValues: InitialListParsedState = React.useMemo(() => {
         return {
             expandedById: {...initialState.expandedById, ...initialValues?.expandedById},
             selectedById: {...initialState.selectedById, ...initialValues?.selectedById},
             disabledById: {...initialState.disabledById, ...initialValues?.disabledById},
+            activeItemId: initialValues?.activeItemId,
         };
     }, [
         initialState.disabledById,
         initialState.expandedById,
         initialState.selectedById,
+        initialValues?.activeItemId,
         initialValues?.disabledById,
         initialValues?.expandedById,
         initialValues?.selectedById,