diff --git a/components/tree/demo/basic-controlled.md b/components/tree/demo/basic-controlled.md
index 75cf6446c0..4be7c19f69 100644
--- a/components/tree/demo/basic-controlled.md
+++ b/components/tree/demo/basic-controlled.md
@@ -17,8 +17,6 @@ Controlled mode lets parent nodes reflect the status of child nodes more intelli
 import React, { useState } from 'react';
 import { Tree } from 'antd';
 
-const { TreeNode } = Tree;
-
 const treeData = [
   {
     title: '0-0',
diff --git a/components/tree/demo/basic.md b/components/tree/demo/basic.md
index a4a240a09e..e1dcb3ec87 100644
--- a/components/tree/demo/basic.md
+++ b/components/tree/demo/basic.md
@@ -16,8 +16,6 @@ The most basic usage, tell you how to use checkable, selectable, disabled, defau
 ```tsx
 import { Tree } from 'antd';
 
-const { TreeNode } = Tree;
-
 const treeData = [
   {
     title: 'parent 1',
diff --git a/components/tree/demo/dynamic.md b/components/tree/demo/dynamic.md
index c1485c9880..29763d5f69 100644
--- a/components/tree/demo/dynamic.md
+++ b/components/tree/demo/dynamic.md
@@ -17,8 +17,6 @@ To load data asynchronously when click to expand a treeNode.
 import React, { useState } from 'react';
 import { Tree } from 'antd';
 
-const { TreeNode } = Tree;
-
 interface DataNode {
   title: string;
   key: string;