diff --git a/apps/client/src/widgets/type_widgets/canvas_el.ts b/apps/client/src/widgets/type_widgets/canvas_el.tsx
similarity index 95%
rename from apps/client/src/widgets/type_widgets/canvas_el.ts
rename to apps/client/src/widgets/type_widgets/canvas_el.tsx
index 53df6b76a..9208f3093 100644
--- a/apps/client/src/widgets/type_widgets/canvas_el.ts
+++ b/apps/client/src/widgets/type_widgets/canvas_el.tsx
@@ -1,8 +1,7 @@
 import "@excalidraw/excalidraw/index.css";
 import { Excalidraw, getSceneVersion, exportToSvg } from "@excalidraw/excalidraw";
-import { createElement, render, unmountComponentAtNode } from "preact/compat";
+import { 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";
 
 export interface CanvasContent {
@@ -45,8 +44,10 @@ export default class Canvas {
     }
 
     private createCanvasElement(opts: ExcalidrawProps) {
-        return createElement("div", { className: "excalidraw-wrapper", },
-            createElement(Excalidraw as ComponentType<ExcalidrawProps>, opts)
+        return (
+            <div className="excalidraw-wrapper">
+                <Excalidraw {...opts} />
+            </div>
         );
     }