From d766af99e4588ae0e2710696fce427e905175e89 Mon Sep 17 00:00:00 2001
From: Bernardo Sunderhus <bernardo.sunderhus@gmail.com>
Date: Fri, 15 Nov 2024 15:57:27 +0100
Subject: [PATCH] chore: ensure TreeItem role can be overridden by props
 (#33277)

---
 ...ui-react-tree-a886fa7c-b0f9-4646-8bd7-e9be02201229.json | 7 +++++++
 .../library/src/components/TreeItem/useTreeItem.tsx        | 3 +--
 2 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 change/@fluentui-react-tree-a886fa7c-b0f9-4646-8bd7-e9be02201229.json

diff --git a/change/@fluentui-react-tree-a886fa7c-b0f9-4646-8bd7-e9be02201229.json b/change/@fluentui-react-tree-a886fa7c-b0f9-4646-8bd7-e9be02201229.json
new file mode 100644
index 0000000000000..59fc197843490
--- /dev/null
+++ b/change/@fluentui-react-tree-a886fa7c-b0f9-4646-8bd7-e9be02201229.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: ensure TreeItem role can be overridden by props",
+  "packageName": "@fluentui/react-tree",
+  "email": "bernardo.sunderhus@gmail.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-tree/library/src/components/TreeItem/useTreeItem.tsx b/packages/react-components/react-tree/library/src/components/TreeItem/useTreeItem.tsx
index fa5a72aaa25ab..0b01ccce4a61c 100644
--- a/packages/react-components/react-tree/library/src/components/TreeItem/useTreeItem.tsx
+++ b/packages/react-components/react-tree/library/src/components/TreeItem/useTreeItem.tsx
@@ -288,12 +288,11 @@ export function useTreeItem_unstable(props: TreeItemProps, ref: React.Ref<HTMLDi
       getIntrinsicElementProps(as, {
         tabIndex: -1,
         [dataTreeItemValueAttrName]: value,
+        role: 'treeitem',
         ...rest,
         ref: useMergedRefs(ref, treeItemRef),
-        role: 'treeitem',
         'aria-level': level,
         'aria-checked': selectionMode === 'multiselect' ? checked : undefined,
-        // Casting: when selectionMode is 'single', checked is a boolean
         'aria-selected': ariaSelected !== undefined ? ariaSelected : selectionMode === 'single' ? !!checked : undefined,
         'aria-expanded': ariaExpanded !== undefined ? ariaExpanded : itemType === 'branch' ? open : undefined,
         onClick: handleClick,