diff --git a/src/WebComponent.js b/src/WebComponent.js
index 4071e78..7b7eaaa 100644
--- a/src/WebComponent.js
+++ b/src/WebComponent.js
@@ -101,12 +101,16 @@ export class WebComponent extends HTMLElement {
   /**
    * start HTMLElement callbacks
    */
+  constructor() {
+    super();
+    this.#initializeProps();
+  }
+
   static get observedAttributes() {
     return this.properties;
   }
 
   connectedCallback() {
-    this.#initializeProps();
     this.onInit();
     this.render();
     this.afterViewInit();