diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index ded55101..66cded58 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -4658,6 +4658,7 @@ export interface TreeNode {
   icon?: typeof import("svelte").SvelteComponent;
   disabled?: boolean;
   expanded?: boolean;
+  children?: TreeNode[];
 }
 ```
 
@@ -4668,7 +4669,7 @@ export interface TreeNode {
 | expandedIds   | No       | <code>let</code>      | Yes      | <code>ReadonlyArray<TreeNodeId></code>                        | <code>[]</code>                                                                                                                                                                            | Set the node ids to be expanded                                                                  |
 | selectedIds   | No       | <code>let</code>      | Yes      | <code>ReadonlyArray<TreeNodeId></code>                        | <code>[]</code>                                                                                                                                                                            | Set the node ids to be selected                                                                  |
 | activeId      | No       | <code>let</code>      | Yes      | <code>TreeNodeId</code>                                       | <code>""</code>                                                                                                                                                                            | Set the current active node id<br />Only one node can be active                                  |
-| children      | No       | <code>let</code>      | No       | <code>Array<TreeNode & { children?: TreeNode[] }></code>      | <code>[]</code>                                                                                                                                                                            | Provide an array of children nodes to render                                                     |
+| children      | No       | <code>let</code>      | No       | <code>Array<TreeNode></code>                                  | <code>[]</code>                                                                                                                                                                            | Provide an array of children nodes to render                                                     |
 | size          | No       | <code>let</code>      | No       | <code>"default" &#124; "compact"</code>                       | <code>"default"</code>                                                                                                                                                                     | Specify the TreeView size                                                                        |
 | labelText     | No       | <code>let</code>      | No       | <code>string</code>                                           | <code>""</code>                                                                                                                                                                            | Specify the label text                                                                           |
 | hideLabel     | No       | <code>let</code>      | No       | <code>boolean</code>                                          | <code>false</code>                                                                                                                                                                         | Set to `true` to visually hide the label text                                                    |
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index afda19f9..2ff90210 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -14320,7 +14320,7 @@
           "name": "children",
           "kind": "let",
           "description": "Provide an array of children nodes to render",
-          "type": "Array<TreeNode & { children?: TreeNode[] }>",
+          "type": "Array<TreeNode>",
           "value": "[]",
           "isFunction": false,
           "isFunctionDeclaration": false,
@@ -14483,9 +14483,9 @@
           "ts": "type TreeNodeId = string | number"
         },
         {
-          "type": "{ id: TreeNodeId; text: string; icon?: typeof import(\"svelte\").SvelteComponent; disabled?: boolean; expanded?: boolean; }",
+          "type": "{ id: TreeNodeId; text: string; 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; }"
+          "ts": "interface TreeNode { id: TreeNodeId; text: string; 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 d9c1e668..264e7135 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; }} TreeNode
+   * @typedef {{ id: TreeNodeId; text: string; 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
@@ -9,7 +9,7 @@
 
   /**
    * Provide an array of children nodes to render
-   * @type {Array<TreeNode & { children?: TreeNode[] }>}
+   * @type {Array<TreeNode>}
    */
   export let children = [];
 
diff --git a/types/TreeView/TreeView.svelte.d.ts b/types/TreeView/TreeView.svelte.d.ts
index f35b8c26..4d00e2ac 100644
--- a/types/TreeView/TreeView.svelte.d.ts
+++ b/types/TreeView/TreeView.svelte.d.ts
@@ -9,6 +9,7 @@ export interface TreeNode {
   icon?: typeof import("svelte").SvelteComponent;
   disabled?: boolean;
   expanded?: boolean;
+  children?: TreeNode[];
 }
 
 export interface TreeViewProps
@@ -17,7 +18,7 @@ export interface TreeViewProps
    * Provide an array of children nodes to render
    * @default []
    */
-  children?: Array<TreeNode & { children?: TreeNode[] }>;
+  children?: Array<TreeNode>;
 
   /**
    * Set the current active node id