From 56773c2f12a4bd1468037eb83a9817db39d32d5e Mon Sep 17 00:00:00 2001
From: Aryan <79202857+Aryan3902@users.noreply.github.com>
Date: Sat, 10 Jan 2026 12:14:02 +0000
Subject: [PATCH] Unique id for MultiState checkbox

---
 components/lib/multistatecheckbox/MultiStateCheckbox.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/lib/multistatecheckbox/MultiStateCheckbox.js b/components/lib/multistatecheckbox/MultiStateCheckbox.js
index 05acecd832..b5f2ecc9ac 100644
--- a/components/lib/multistatecheckbox/MultiStateCheckbox.js
+++ b/components/lib/multistatecheckbox/MultiStateCheckbox.js
@@ -4,7 +4,7 @@ import { Checkbox } from '../checkbox/Checkbox';
 import { useHandleStyle } from '../componentbase/ComponentBase';
 import { useMergeProps, useMountEffect } from '../hooks/Hooks';
 import { Tooltip } from '../tooltip/Tooltip';
-import { classNames, DomHandler, IconUtils, ObjectUtils } from '../utils/Utils';
+import { classNames, DomHandler, IconUtils, ObjectUtils, UniqueComponentId } from '../utils/Utils';
 import { MultiStateCheckboxBase } from './MultiStateCheckboxBase';
 
 export const MultiStateCheckbox = React.memo(
@@ -167,9 +167,12 @@ export const MultiStateCheckbox = React.memo(
             ptm('root')
         );
 
+        const inputId = React.useMemo(() => props.id || UniqueComponentId(), [props.id]);
+
         const checkboxProps = mergeProps(
             {
-                id: props.id + '_checkbox',
+                id: inputId + '_checkbox',
+                inputId: props.inputId || inputId + '_multistatecheckbox',
                 className: cx('checkbox'),
                 style: sx('checkbox', { selectedOption }),
                 tabIndex: props.tabIndex,