Исправлен перенос на ts. Логика дерева отделена от изображения

package.json

@@ -9,7 +9,7 @@
     "@types/react-dom": "16.8.2",
     "d3": "^5.9.2",
     "graphlabs.core.notifier": "0.0.29",
-    "graphlabs.core.template": "^0.1.41",
+    "graphlabs.core.template": "^0.1.42",
     "react": "^16.8.4",
     "react-dom": "^16.8.4",
     "react-scripts": "2.1.8",

src/App.tsx

@@ -3,46 +3,44 @@ import {GraphVisualizer, TaskTemplate, TaskToolbar, ToolButtonList} from 'graphl
 import Tree from "./tree";
 
 class App extends TaskTemplate {
-    private readonly tree: Tree;
+    private tree?: Tree;
 
     constructor() {
         super({});
-        this.tree = new Tree();
     }
 
-    public calculate() {
-        console.log("calculate (App.js)");
-        let res = 10;
-        return {success: res === 0, fee: res};
+    public componentDidMount(): void {
+        this.tree = new Tree();
     }
 
+    // public calculate() {
+    //     let res = 10;
+    //     return {success: res === 0, fee: res};
+    // }
+
     public task() {
-        console.log("task (App.js)");
         return () => <GraphVisualizer />;
     }
 
-    public getAres() {
+    public getArea() {
         return (
-            () => <div id={'my-canvas'}></div>
+            () => <div id={'my-canvas'}/>
         )
     }
 
     public getTaskToolbar() {
-        console.log("getTaskToolbar (App.js): возвращаем панель инструментов, начало");
         TaskToolbar.prototype.getButtonList = () => {
             ToolButtonList.prototype.help = () => `В данном задании вы должны построить дерево, посадить сына и срубить дом`;
             ToolButtonList.prototype.toolButtons = {
                 '+': () => {
-                    if (this.tree) this.tree.addLeaf()
+                    if (this.tree) { this.tree.addLeaf() }
                 },
                 '-': () => {
-                    if (this.tree) this.tree.removeLeaf()
+                    if (this.tree) { this.tree.removeLeaf() }
                 }
             };
-            console.log("getTaskToolbar (App.js): возвращаем список кнопок на пенли инструментов");
             return ToolButtonList;
         };
-        console.log("getTaskToolbar (App.js): возвращаем панель инструментов со всеми кнопками");
         return TaskToolbar;
     }
 }