diff --git a/src/public/app/widgets/type_widgets/content/backend_log.js b/src/public/app/widgets/type_widgets/content/backend_log.ts
similarity index 91%
rename from src/public/app/widgets/type_widgets/content/backend_log.js
rename to src/public/app/widgets/type_widgets/content/backend_log.ts
index 31b53d4f8..e3f3827a3 100644
--- a/src/public/app/widgets/type_widgets/content/backend_log.js
+++ b/src/public/app/widgets/type_widgets/content/backend_log.ts
@@ -5,21 +5,25 @@ import AbstractCodeTypeWidget from "../abstract_code_type_widget.js";
 const TPL = `<div style="height: 100%; display: flex; flex-direction: column;">
     <style>
         .backend-log-editor {
-            flex-grow: 1; 
+            flex-grow: 1;
             width: 100%;
             border: none;
             resize: none;
-        }   
+        }
     </style>
 
     <pre class="backend-log-editor"></pre>
-    
+
     <div style="display: flex; justify-content: space-around; margin-top: 10px;">
         <button class="refresh-backend-log-button btn btn-primary">${t("backend_log.refresh")}</button>
     </div>
 </div>`;
 
 export default class BackendLogWidget extends AbstractCodeTypeWidget {
+
+    private $editor!: JQuery<HTMLElement>;
+    private $refreshBackendLog!: JQuery<HTMLElement>;
+
     doRender() {
         super.doRender();
         this.$widget = $(TPL);