diff --git a/src/dom_components/model/Component.ts b/src/dom_components/model/Component.ts
index eea331826..3302415f5 100644
--- a/src/dom_components/model/Component.ts
+++ b/src/dom_components/model/Component.ts
@@ -144,7 +144,7 @@ export default class Component extends StyleableModel<ComponentProperties> {
       script: '',
       'script-props': '',
       'script-export': '',
-      attributes: '',
+      attributes: {},
       traits: ['id', 'title'],
       propagate: '',
       dmode: '',
diff --git a/src/dom_components/model/ComponentFrame.js b/src/dom_components/model/ComponentFrame.ts
similarity index 59%
rename from src/dom_components/model/ComponentFrame.js
rename to src/dom_components/model/ComponentFrame.ts
index 35e445200..fddf13c79 100644
--- a/src/dom_components/model/ComponentFrame.js
+++ b/src/dom_components/model/ComponentFrame.ts
@@ -1,11 +1,12 @@
 import Component from './Component';
-import { toLowerCase } from 'utils/mixins';
+import { toLowerCase } from '../../utils/mixins';
 
 const type = 'iframe';
 
 export default class ComponentFrame extends Component {
   get defaults() {
     return {
+      // @ts-ignore
       ...super.defaults,
       type,
       tagName: type,
@@ -15,6 +16,10 @@ export default class ComponentFrame extends Component {
       attributes: { frameborder: '0' },
     };
   }
+
+  static isComponent(el: HTMLElement) {
+    return toLowerCase(el.tagName) === type;
+  }
 }
 
-ComponentFrame.isComponent = el => toLowerCase(el.tagName) === type;
+// ComponentFrame.isComponent = el => toLowerCase(el.tagName) === type;