diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index 66cded58..76ce3dd8 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -4654,7 +4654,7 @@ export type TreeNodeId = string | number;
 
 export interface TreeNode {
   id: TreeNodeId;
-  text: string;
+  text: any;
   icon?: typeof import("svelte").SvelteComponent;
   disabled?: boolean;
   expanded?: boolean;
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 2ff90210..e3ad94a1 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -14483,9 +14483,9 @@
           "ts": "type TreeNodeId = string | number"
         },
         {
-          "type": "{ id: TreeNodeId; text: string; icon?: typeof import(\"svelte\").SvelteComponent; disabled?: boolean; expanded?: boolean; children?: TreeNode[]; }",
+          "type": "{ id: TreeNodeId; text: any; icon?: typeof import(\"svelte\").SvelteComponent; disabled?: boolean; expanded?: boolean; children?: TreeNode[]; }",
           "name": "TreeNode",
-          "ts": "interface TreeNode { id: TreeNodeId; text: string; icon?: typeof import(\"svelte\").SvelteComponent; disabled?: boolean; expanded?: boolean; children?: TreeNode[]; }"
+          "ts": "interface TreeNode { id: TreeNodeId; text: any; icon?: typeof import(\"svelte\").SvelteComponent; disabled?: boolean; expanded?: boolean; children?: TreeNode[]; }"
         }
       ],
       "rest_props": { "type": "Element", "name": "ul" }
diff --git a/src/TreeView/TreeView.svelte b/src/TreeView/TreeView.svelte
index 264e7135..2b1c2141 100644
--- a/src/TreeView/TreeView.svelte
+++ b/src/TreeView/TreeView.svelte
@@ -1,7 +1,7 @@
 <script>
   /**
    * @typedef {string | number} TreeNodeId
-   * @typedef {{ id: TreeNodeId; text: string; icon?: typeof import("svelte").SvelteComponent; disabled?: boolean; expanded?: boolean; children?: TreeNode[]; }} TreeNode
+   * @typedef {{ id: TreeNodeId; text: any; icon?: typeof import("svelte").SvelteComponent; disabled?: boolean; expanded?: boolean; children?: TreeNode[]; }} TreeNode
    * @event {TreeNode & { expanded: boolean; leaf: boolean; }} select
    * @event {TreeNode & { expanded: boolean; leaf: boolean; }} toggle
    * @event {TreeNode & { expanded: boolean; leaf: boolean; }} focus
diff --git a/tests/TreeView.test.svelte b/tests/TreeView.test.svelte
index 62d15e92..fdb911e8 100644
--- a/tests/TreeView.test.svelte
+++ b/tests/TreeView.test.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import type { ComponentProps } from "svelte";
   import { TreeView } from "../types";
   import type { TreeNodeId } from "../types/TreeView/TreeView.svelte";
   import Analytics from "carbon-icons-svelte/lib/Analytics.svelte";
@@ -7,11 +8,11 @@
   let activeId: TreeNodeId = "";
   let selectedIds = [];
   let expandedIds = [1];
-  let children = [
+  let children: ComponentProps<TreeView>["children"] = [
     { id: 0, text: "AI / Machine learning", icon: Analytics },
     {
       id: 1,
-      text: "Analytics",
+      text: 0,
       children: [
         {
           id: 2,
diff --git a/types/TreeView/TreeView.svelte.d.ts b/types/TreeView/TreeView.svelte.d.ts
index 4d00e2ac..b37ece9c 100644
--- a/types/TreeView/TreeView.svelte.d.ts
+++ b/types/TreeView/TreeView.svelte.d.ts
@@ -5,7 +5,7 @@ export type TreeNodeId = string | number;
 
 export interface TreeNode {
   id: TreeNodeId;
-  text: string;
+  text: any;
   icon?: typeof import("svelte").SvelteComponent;
   disabled?: boolean;
   expanded?: boolean;