From 892c27c9456e57c52e18a6de0c87a85effc873c9 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Wed, 11 Jun 2025 14:11:53 +0300
Subject: [PATCH] chore(canvas): set up cleanup

---
 apps/client/src/widgets/type_widgets/canvas_el.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/widgets/type_widgets/canvas_el.ts b/apps/client/src/widgets/type_widgets/canvas_el.ts
index 1af6d8940..1ba54d2c2 100644
--- a/apps/client/src/widgets/type_widgets/canvas_el.ts
+++ b/apps/client/src/widgets/type_widgets/canvas_el.ts
@@ -1,6 +1,6 @@
 import "@excalidraw/excalidraw/index.css";
 import { Excalidraw, getSceneVersion, exportToSvg } from "@excalidraw/excalidraw";
-import { createElement, render } from "preact/compat";
+import { createElement, render, unmountComponentAtNode } from "preact/compat";
 import { AppState, BinaryFileData, ExcalidrawImperativeAPI, ExcalidrawProps, LibraryItem } from "@excalidraw/excalidraw/types";
 import type { ComponentType } from "preact";
 import { ExcalidrawElement, NonDeletedExcalidrawElement, Theme } from "@excalidraw/excalidraw/element/types";
@@ -28,6 +28,7 @@ export default class Canvas {
     }
 
     renderCanvas(targetEl: HTMLElement) {
+        unmountComponentAtNode(targetEl);
         render(this.createCanvasElement({
             ...this.opts,
             excalidrawAPI: (api: ExcalidrawImperativeAPI) => {