Ensure tag QR code gets shown for each dialog opening (#11438)

src/panels/config/tags/dialog-tag-detail.ts

@@ -1,13 +1,6 @@
 import "@material/mwc-button";
 import "@polymer/paper-input/paper-input";
-import {
-  css,
-  CSSResultGroup,
-  html,
-  LitElement,
-  PropertyValues,
-  TemplateResult,
-} from "lit";
+import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
 import { customElement, property, state } from "lit/decorators";
 import { fireEvent } from "../../../common/dom/fire_event";
 import { createCloseHeading } from "../../../components/ha-dialog";
@@ -49,6 +42,8 @@ class DialogTagDetail
       this._id = "";
       this._name = "";
     }
+
+    this._generateQR();
   }
 
   public closeDialog(): void {
@@ -170,11 +165,6 @@ class DialogTagDetail
     `;
   }
 
-  protected override firstUpdated(changedProps: PropertyValues): void {
-    super.firstUpdated(changedProps);
-    this._generateQR();
-  }
-
   private _valueChanged(ev: CustomEvent) {
     const configValue = (ev.target as any).configValue;