Fix light extra attributes start fix for history

src/dialogs/more-info/controls/more-info-light.ts

@@ -105,12 +105,12 @@ class MoreInfoLight extends LitElement {
                 ? html`
                     <div class="segmentationContainer">
                       <ha-color-picker
-                        class="color"
-                        @colorselected=${this._colorPicked}
-                        .desiredHsColor=${this._colorPickerColor}
                         throttle="500"
+                        class="color"
+                        .desiredHsColor=${this._colorPickerColor}
                         .hueSegments=${this._hueSegments}
                         .saturationSegments=${this._saturationSegments}
+                        @colorselected=${this._colorPicked}
                       >
                       </ha-color-picker>
                       <ha-icon-button
@@ -147,7 +147,7 @@ class MoreInfoLight extends LitElement {
           : ""}
         <ha-attributes
           .stateObj=${this.stateObj}
-          extra-filters="brightness,color_temp,white_value,effect_list,effect,hs_color,rgb_color,xy_color,min_mireds,max_mireds,entity_id"
+          .extraFilters=${"brightness,color_temp,white_value,effect_list,effect,hs_color,rgb_color,xy_color,min_mireds,max_mireds,entity_id"}
         ></ha-attributes>
       </div>
     `;

src/dialogs/more-info/ha-more-info-tab-history.ts

@@ -85,7 +85,18 @@ export class MoreInfoTabHistoryDialog extends LitElement {
       clearInterval(this._historyRefreshInterval);
     }
 
-    if (changedProps.has("entityId")) {
+    if (!this.hass) {
+      return;
+    }
+
+    const oldHass = changedProps.get("hass") as HomeAssistant;
+    const newStateObj = this.hass.states[this.entityId];
+    const oldStateObj = oldHass?.states[this.entityId];
+
+    if (
+      changedProps.has("entityId") ||
+      (oldHass && newStateObj !== oldStateObj)
+    ) {
       this._stateHistory = undefined;
       this._entries = undefined;