diff --git a/app/assets/javascripts/discourse/app/widgets/render-glimmer.js b/app/assets/javascripts/discourse/app/widgets/render-glimmer.js
index 983cc589093..e75d9ffa11e 100644
--- a/app/assets/javascripts/discourse/app/widgets/render-glimmer.js
+++ b/app/assets/javascripts/discourse/app/widgets/render-glimmer.js
@@ -152,13 +152,13 @@ export default class RenderGlimmer {
     component.name = "Widgets/RenderGlimmer";
     setComponentTemplate(template, component);
 
-    this._componentInfo = {
+    this._componentInfo = new ComponentInfo({
       element,
       component,
-      @tracked data: this.data,
+      data: this.data,
       setWrapperElementAttrs: (attrs) =>
         this.updateElementAttrs(element, attrs),
-    };
+    });
 
     this.parentMountWidgetComponent.mountChildComponent(this._componentInfo);
   }
@@ -209,3 +209,14 @@ export function registerWidgetShim(name, tagName, template) {
 
   createWidgetFrom(RenderGlimmerShim, name, {});
 }
+
+class ComponentInfo {
+  @tracked data;
+  element;
+  component;
+  setWrapperElementAttrs;
+
+  constructor(params) {
+    Object.assign(this, params);
+  }
+}