Fix incompatible object/array property types (2 of 3) (#19482)

cast/src/launcher/layout/hc-cast.ts

@@ -31,11 +31,11 @@ import "./hc-layout";
 
 @customElement("hc-cast")
 class HcCast extends LitElement {
-  @property() public auth!: Auth;
+  @property({ attribute: false }) public auth!: Auth;
 
-  @property() public connection!: Connection;
+  @property({ attribute: false }) public connection!: Connection;
 
-  @property() public castManager!: CastManager;
+  @property({ attribute: false }) public castManager!: CastManager;
 
   @state() private askWrite = false;
 

cast/src/launcher/layout/hc-layout.ts

@@ -10,13 +10,13 @@ import "../../../../src/components/ha-card";
 
 @customElement("hc-layout")
 class HcLayout extends LitElement {
-  @property() public subtitle?: string | undefined;
+  @property() public subtitle?: string;
 
-  @property() public auth?: Auth;
+  @property({ attribute: false }) public auth?: Auth;
 
-  @property() public connection?: Connection;
+  @property({ attribute: false }) public connection?: Connection;
 
-  @property() public user?: HassUser;
+  @property({ attribute: false }) public user?: HassUser;
 
   protected render(): TemplateResult {
     return html`

gallery/src/components/demo-cards.ts

@@ -10,7 +10,7 @@ import "../ha-demo-options";
 
 @customElement("demo-cards")
 class DemoCards extends LitElement {
-  @property() public configs!: DemoCardConfig[];
+  @property({ attribute: false }) public configs!: DemoCardConfig[];
 
   @property({ attribute: false }) public hass!: HomeAssistant;
 

gallery/src/components/demo-more-infos.ts

@@ -11,7 +11,7 @@ import "./demo-more-info";
 class DemoMoreInfos extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property() public entities!: [];
+  @property({ type: Array }) public entities!: string[];
 
   @state() private _showConfig = false;
 

hassio/src/components/supervisor-backup-content.ts

@@ -72,7 +72,7 @@ const _computeAddons = (addons): AddonCheckboxItem[] =>
 export class SupervisorBackupContent extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property() public localize?: LocalizeFunc;
+  @property({ attribute: false }) public localize?: LocalizeFunc;
 
   @property({ attribute: false }) public supervisor?: Supervisor;
 

src/auth/ha-auth-flow.ts

@@ -34,7 +34,7 @@ export class HaAuthFlow extends LitElement {
 
   @property() public oauth2State?: string;
 
-  @property() public localize!: LocalizeFunc;
+  @property({ attribute: false }) public localize!: LocalizeFunc;
 
   @property({ attribute: false }) public step?: DataEntryFlowStep;
 

src/auth/ha-pick-auth-provider.ts

@@ -18,9 +18,9 @@ declare global {
 
 @customElement("ha-pick-auth-provider")
 export class HaPickAuthProvider extends LitElement {
-  @property() public authProviders: AuthProvider[] = [];
+  @property({ attribute: false }) public authProviders: AuthProvider[] = [];
 
-  @property() public localize!: LocalizeFunc;
+  @property({ attribute: false }) public localize!: LocalizeFunc;
 
   protected render() {
     return html`

src/components/device/ha-device-picker.ts

@@ -84,9 +84,11 @@ export class HaDevicePicker extends LitElement {
   @property({ type: Array, attribute: "exclude-devices" })
   public excludeDevices?: string[];
 
-  @property() public deviceFilter?: HaDevicePickerDeviceFilterFunc;
+  @property({ attribute: false })
+  public deviceFilter?: HaDevicePickerDeviceFilterFunc;
 
-  @property() public entityFilter?: HaDevicePickerEntityFilterFunc;
+  @property({ attribute: false })
+  public entityFilter?: HaDevicePickerEntityFilterFunc;
 
   @property({ type: Boolean }) public disabled = false;
 

src/components/device/ha-devices-picker.ts

@@ -12,7 +12,7 @@ import type {
 class HaDevicesPicker extends LitElement {
   @property({ attribute: false }) public hass?: HomeAssistant;
 
-  @property() public value?: string[];
+  @property({ type: Array }) public value?: string[];
 
   @property() public helper?: string;
 
@@ -36,17 +36,19 @@ class HaDevicesPicker extends LitElement {
   @property({ type: Array, attribute: "exclude-domains" })
   public excludeDomains?: string[];
 
-  @property({ attribute: "picked-device-label" })
   @property({ type: Array, attribute: "include-device-classes" })
   public includeDeviceClasses?: string[];
 
+  @property({ attribute: "picked-device-label" })
   public pickedDeviceLabel?: string;
 
   @property({ attribute: "pick-device-label" }) public pickDeviceLabel?: string;
 
-  @property() public deviceFilter?: HaDevicePickerDeviceFilterFunc;
+  @property({ attribute: false })
+  public deviceFilter?: HaDevicePickerDeviceFilterFunc;
 
-  @property() public entityFilter?: HaDevicePickerEntityFilterFunc;
+  @property({ attribute: false })
+  public entityFilter?: HaDevicePickerEntityFilterFunc;
 
   protected render() {
     if (!this.hass) {

src/components/entity/ha-entities-picker.ts

@@ -73,7 +73,8 @@ class HaEntitiesPickerLight extends LitElement {
 
   @property({ attribute: "pick-entity-label" }) public pickEntityLabel?: string;
 
-  @property() public entityFilter?: HaEntityPickerEntityFilterFunc;
+  @property({ attribute: false })
+  public entityFilter?: HaEntityPickerEntityFilterFunc;
 
   protected render() {
     if (!this.hass) {

src/components/entity/ha-entity-picker.ts

@@ -92,7 +92,8 @@ export class HaEntityPicker extends LitElement {
   @property({ type: Array, attribute: "exclude-entities" })
   public excludeEntities?: string[];
 
-  @property() public entityFilter?: HaEntityPickerEntityFilterFunc;
+  @property({ attribute: false })
+  public entityFilter?: HaEntityPickerEntityFilterFunc;
 
   @property({ type: Boolean }) public hideClearIcon = false;
 

src/components/ha-aliases-editor.ts

@@ -8,7 +8,7 @@ import "./ha-multi-textfield";
 class AliasesEditor extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property() public aliases!: string[];
+  @property({ type: Array }) public aliases!: string[];
 
   @property({ type: Boolean }) public disabled = false;
 

src/components/ha-area-picker.ts

@@ -88,9 +88,11 @@ export class HaAreaPicker extends LitElement {
   @property({ type: Array, attribute: "exclude-areas" })
   public excludeAreas?: string[];
 
-  @property() public deviceFilter?: HaDevicePickerDeviceFilterFunc;
+  @property({ attribute: false })
+  public deviceFilter?: HaDevicePickerDeviceFilterFunc;
 
-  @property() public entityFilter?: (entity: HassEntity) => boolean;
+  @property({ attribute: false })
+  public entityFilter?: (entity: HassEntity) => boolean;
 
   @property({ type: Boolean }) public disabled = false;
 

src/components/ha-areas-picker.ts

@@ -13,7 +13,7 @@ export class HaAreasPicker extends SubscribeMixin(LitElement) {
 
   @property() public label?: string;
 
-  @property() public value?: string[];
+  @property({ type: Array }) public value?: string[];
 
   @property() public helper?: string;
 
@@ -46,9 +46,11 @@ export class HaAreasPicker extends SubscribeMixin(LitElement) {
   @property({ type: Array, attribute: "include-device-classes" })
   public includeDeviceClasses?: string[];
 
-  @property() public deviceFilter?: HaDevicePickerDeviceFilterFunc;
+  @property({ attribute: false })
+  public deviceFilter?: HaDevicePickerDeviceFilterFunc;
 
-  @property() public entityFilter?: (entity: HassEntity) => boolean;
+  @property({ attribute: false })
+  public entityFilter?: (entity: HassEntity) => boolean;
 
   @property({ attribute: "picked-area-label" })
   public pickedAreaLabel?: string;

src/components/ha-attribute-icon.ts

@@ -10,7 +10,7 @@ import { attributeIconPath } from "../common/entity/attribute_icon_path";
 
 @customElement("ha-attribute-icon")
 export class HaAttributeIcon extends LitElement {
-  @property() public hass!: HomeAssistant;
+  @property({ attribute: false }) public hass!: HomeAssistant;
 
   @property({ attribute: false }) public stateObj?: HassEntity;
 

src/components/ha-blueprint-picker.ts

@@ -24,7 +24,7 @@ class HaBluePrintPicker extends LitElement {
 
   @property() public domain: BlueprintDomain = "automation";
 
-  @property() public blueprints?: Blueprints;
+  @property({ attribute: false }) public blueprints?: Blueprints;
 
   @property({ type: Boolean }) public disabled = false;
 

src/components/ha-combo-box.ts

@@ -95,7 +95,7 @@ export class HaComboBox extends LitElement {
 
   @property({ attribute: "item-id-path" }) public itemIdPath?: string;
 
-  @property() public renderer?: ComboBoxLitRenderer<any>;
+  @property({ attribute: false }) public renderer?: ComboBoxLitRenderer<any>;
 
   @property({ type: Boolean }) public disabled = false;
 

src/components/ha-country-picker.ts

@@ -269,7 +269,7 @@ export class HaCountryPicker extends LitElement {
 
   @property() public label?: string;
 
-  @property() public countries?: string[];
+  @property({ type: Array }) public countries?: string[];
 
   @property() public helper?: string;
 

src/components/ha-date-range-picker.ts

@@ -47,11 +47,11 @@ export interface DateRangePickerRanges {
 export class HaDateRangePicker extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property() public startDate!: Date;
+  @property({ attribute: false }) public startDate!: Date;
 
-  @property() public endDate!: Date;
+  @property({ attribute: false }) public endDate!: Date;
 
-  @property() public ranges?: DateRangePickerRanges | false;
+  @property({ attribute: false }) public ranges?: DateRangePickerRanges | false;
 
   @state() private _ranges?: DateRangePickerRanges;
 

src/components/ha-form/ha-form-string.ts

@@ -29,7 +29,7 @@ export class HaFormString extends LitElement implements HaFormElement {
 
   @property() public localizeBaseKey = "ui.components.selectors.text";
 
-  @property() public schema!: HaFormStringSchema;
+  @property({ attribute: false }) public schema!: HaFormStringSchema;
 
   @property() public data!: HaFormStringData;
 

src/components/ha-gauge.ts

@@ -31,11 +31,11 @@ export class HaGauge extends LitElement {
 
   @property({ type: String }) public valueText?: string;
 
-  @property() public locale!: FrontendLocaleData;
+  @property({ attribute: false }) public locale!: FrontendLocaleData;
 
   @property({ type: Boolean }) public needle = false;
 
-  @property() public levels?: LevelDefinition[];
+  @property({ type: Array }) public levels?: LevelDefinition[];
 
   @property() public label = "";
 

src/components/ha-language-picker.ts

@@ -19,7 +19,7 @@ export class HaLanguagePicker extends LitElement {
 
   @property() public label?: string;
 
-  @property() public languages?: string[];
+  @property({ type: Array }) public languages?: string[];
 
   @property({ attribute: false }) public hass?: HomeAssistant;
 

src/components/ha-qr-scanner.ts

@@ -14,7 +14,7 @@ import type { HaTextField } from "./ha-textfield";
 
 @customElement("ha-qr-scanner")
 class HaQrScanner extends LitElement {
-  @property() localize!: LocalizeFunc;
+  @property({ attribute: false }) public localize!: LocalizeFunc;
 
   @state() private _cameras?: QrScanner.Camera[];
 

src/components/ha-target-picker.ts

@@ -62,9 +62,11 @@ export class HaTargetPicker extends LitElement {
   @property({ type: Array, attribute: "include-device-classes" })
   public includeDeviceClasses?: string[];
 
-  @property() public deviceFilter?: HaDevicePickerDeviceFilterFunc;
+  @property({ attribute: false })
+  public deviceFilter?: HaDevicePickerDeviceFilterFunc;
 
-  @property() public entityFilter?: HaEntityPickerEntityFilterFunc;
+  @property({ attribute: false })
+  public entityFilter?: HaEntityPickerEntityFilterFunc;
 
   @property({ type: Boolean, reflect: true }) public disabled = false;
 

src/components/media-player/ha-browse-media-tts.ts

@@ -33,7 +33,7 @@ declare global {
 class BrowseMediaTTS extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property() public item!: MediaPlayerItem;
+  @property({ attribute: false }) public item!: MediaPlayerItem;
 
   @property() public action!: MediaPlayerBrowseAction;
 

src/components/media-player/ha-media-manage-button.ts

@@ -19,7 +19,7 @@ declare global {
 class MediaManageButton extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property() currentItem?: MediaPlayerItem;
+  @property({ attribute: false }) currentItem?: MediaPlayerItem;
 
   @state() _uploading = 0;
 

src/components/media-player/ha-media-upload-button.ts

@@ -24,7 +24,7 @@ declare global {
 class MediaUploadButton extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property() currentItem?: MediaPlayerItem;
+  @property({ attribute: false }) currentItem?: MediaPlayerItem;
 
   @state() _uploading = 0;
 

src/layouts/hass-subpage.ts

@@ -25,7 +25,7 @@ class HassSubpage extends LitElement {
 
   @property({ type: String, attribute: "back-path" }) public backPath?: string;
 
-  @property() public backCallback?: () => void;
+  @property({ attribute: false }) public backCallback?: () => void;
 
   @property({ type: Boolean, reflect: true }) public narrow = false;
 

src/mixins/lit-localize-lite-mixin.ts

@@ -13,7 +13,7 @@ export const litLocalizeLiteMixin = <T extends Constructor<LitElement>>(
 ) => {
   class LitLocalizeLiteClass extends superClass {
     // Initialized to empty will prevent undefined errors if called before connected to DOM.
-    @property() public localize: LocalizeFunc = empty;
+    @property({ attribute: false }) public localize: LocalizeFunc = empty;
 
     // Use browser language setup before login.
     @property() public language?: string = getLocalLanguage();

src/onboarding/onboarding-analytics.ts

@@ -16,7 +16,7 @@ import { onBoardingStyles } from "./styles";
 class OnboardingAnalytics extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property() public localize!: LocalizeFunc;
+  @property({ attribute: false }) public localize!: LocalizeFunc;
 
   @state() private _error?: string;
 

src/onboarding/onboarding-core-config.ts

@@ -26,7 +26,7 @@ import "./onboarding-location";
 class OnboardingCoreConfig extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property() public onboardingLocalize!: LocalizeFunc;
+  @property({ attribute: false }) public onboardingLocalize!: LocalizeFunc;
 
   @state() private _working = false;
 

src/onboarding/onboarding-create-user.ts

@@ -43,7 +43,7 @@ const CREATE_USER_SCHEMA: HaFormSchema[] = [
 
 @customElement("onboarding-create-user")
 class OnboardingCreateUser extends LitElement {
-  @property() public localize!: LocalizeFunc;
+  @property({ attribute: false }) public localize!: LocalizeFunc;
 
   @property() public language!: string;
 

src/onboarding/onboarding-integrations.ts

@@ -36,7 +36,7 @@ const HIDDEN_DOMAINS = new Set([
 class OnboardingIntegrations extends SubscribeMixin(LitElement) {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property() public onboardingLocalize!: LocalizeFunc;
+  @property({ attribute: false }) public onboardingLocalize!: LocalizeFunc;
 
   @state() private _entries: ConfigEntry[] = [];
 

src/onboarding/onboarding-location.ts

@@ -48,7 +48,7 @@ const LOCATION_MARKER_ID = "location";
 class OnboardingLocation extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property() public onboardingLocalize!: LocalizeFunc;
+  @property({ attribute: false }) public onboardingLocalize!: LocalizeFunc;
 
   @state() private _working = false;
 

src/onboarding/onboarding-welcome-links.ts

@@ -19,7 +19,7 @@ import "./onboarding-welcome-link";
 class OnboardingWelcomeLinks extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property() public localize!: LocalizeFunc;
+  @property({ attribute: false }) public localize!: LocalizeFunc;
 
   @property({ type: Boolean }) public mobileApp = false;
 

src/onboarding/onboarding-welcome.ts

@@ -17,7 +17,7 @@ import "../components/ha-button";
 class OnboardingWelcome extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property() public localize!: LocalizeFunc;
+  @property({ attribute: false }) public localize!: LocalizeFunc;
 
   @property({ type: Boolean }) public supervisor = false;
 

src/panels/config/devices/device-detail/integration-elements/mqtt/mqtt-discovery-payload.ts

@@ -5,7 +5,7 @@ import { classMap } from "lit/directives/class-map";
 
 @customElement("mqtt-discovery-payload")
 class MQTTDiscoveryPayload extends LitElement {
-  @property() public payload!: Record<string, unknown>;
+  @property({ attribute: false }) public payload!: Record<string, unknown>;
 
   @property({ type: Boolean }) public showAsYaml = false;
 

src/panels/config/devices/device-detail/integration-elements/mqtt/mqtt-messages.ts

@@ -10,7 +10,7 @@ import { HomeAssistant } from "../../../../../../types";
 class MQTTMessages extends LitElement {
   public hass!: HomeAssistant;
 
-  @property() public messages!: MQTTMessage[];
+  @property({ attribute: false }) public messages!: MQTTMessage[];
 
   @property() public direction!: string;
 

src/panels/config/energy/components/ha-energy-validation-result.ts

@@ -6,11 +6,9 @@ import { HomeAssistant } from "../../../../types";
 
 @customElement("ha-energy-validation-result")
 class EnergyValidationMessage extends LitElement {
-  @property({ attribute: false })
-  public hass!: HomeAssistant;
+  @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property()
-  public issues!: EnergyValidationIssue[];
+  @property({ attribute: false }) public issues!: EnergyValidationIssue[];
 
   public render() {
     if (this.issues.length === 0) {

src/panels/config/integrations/integration-panels/zha/zha-clusters-data-table.ts

@@ -22,7 +22,7 @@ export class ZHAClustersDataTable extends LitElement {
 
   @property({ type: Boolean }) public narrow = false;
 
-  @property() public clusters: Cluster[] = [];
+  @property({ attribute: false }) public clusters: Cluster[] = [];
 
   @query("ha-data-table", true) private _dataTable!: HaDataTable;
 

src/panels/config/scene/ha-config-scene.ts

@@ -30,7 +30,7 @@ class HaConfigScene extends HassRouterPage {
 
   @property({ type: Boolean }) public showAdvanced = false;
 
-  @property() public scenes: SceneEntity[] = [];
+  @property({ attribute: false }) public scenes: SceneEntity[] = [];
 
   protected routerOptions: RouterOptions = {
     defaultPage: "dashboard",

src/panels/config/scene/ha-scene-dashboard.ts

@@ -70,7 +70,7 @@ class HaSceneDashboard extends LitElement {
 
   @property({ attribute: false }) public route!: Route;
 
-  @property() public scenes!: SceneEntity[];
+  @property({ attribute: false }) public scenes!: SceneEntity[];
 
   @state() private _activeFilters?: string[];
 

src/panels/config/scene/ha-scene-editor.ts

@@ -95,7 +95,7 @@ export class HaSceneEditor extends SubscribeMixin(
 
   @property() public sceneId: string | null = null;
 
-  @property() public scenes!: SceneEntity[];
+  @property({ attribute: false }) public scenes!: SceneEntity[];
 
   @property({ type: Boolean }) public showAdvanced = false;
 

src/panels/config/script/ha-config-script.ts

@@ -33,7 +33,7 @@ class HaConfigScript extends HassRouterPage {
 
   @property({ type: Boolean }) public showAdvanced = false;
 
-  @property() public scripts: ScriptEntity[] = [];
+  @property({ attribute: false }) public scripts: ScriptEntity[] = [];
 
   @state()
   @consume({ context: fullEntitiesContext, subscribe: true })

src/panels/config/script/ha-script-field-row.ts

@@ -27,9 +27,9 @@ export default class HaScriptFieldRow extends LitElement {
 
   @property() public key!: string;
 
-  @property() public excludeKeys: string[] = [];
+  @property({ type: Array }) public excludeKeys: string[] = [];
 
-  @property() public field!: Field;
+  @property({ attribute: false }) public field!: Field;
 
   @property({ type: Boolean }) public disabled = false;
 

src/panels/config/script/ha-script-fields.ts

@@ -24,7 +24,7 @@ export default class HaScriptFields extends LitElement {
 
   @property({ type: Boolean }) public disabled = false;
 
-  @property() public fields!: Fields;
+  @property({ attribute: false }) public fields!: Fields;
 
   private _focusLastActionOnChange = false;
 

src/panels/config/script/ha-script-picker.ts

@@ -68,7 +68,7 @@ type ScriptItem = ScriptEntity & {
 class HaScriptPicker extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property() public scripts!: ScriptEntity[];
+  @property({ attribute: false }) public scripts!: ScriptEntity[];
 
   @property({ type: Boolean }) public isWide = false;
 

src/panels/config/tags/tag-image.ts

@@ -6,7 +6,7 @@ import { TagRowData } from "./ha-config-tags";
 
 @customElement("tag-image")
 export class HaTagImage extends LitElement {
-  @property() public tag?: TagRowData;
+  @property({ attribute: false }) public tag?: TagRowData;
 
   private _timeout?: number;
 

src/panels/custom/ha-panel-custom.ts

@@ -27,7 +27,7 @@ export class HaPanelCustom extends ReactiveElement {
 
   @property({ attribute: false }) public route!: Route;
 
-  @property() public panel!: CustomPanelInfo;
+  @property({ attribute: false }) public panel!: CustomPanelInfo;
 
   private _setProperties?: (props: Record<string, unknown>) => void | undefined;
 

src/panels/developer-tools/event/events-list.ts

@@ -13,7 +13,7 @@ interface EventListenerCount {
 class EventsList extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property() public events: EventListenerCount[] = [];
+  @property({ attribute: false }) public events: EventListenerCount[] = [];
 
   protected render(): TemplateResult {
     return html`

src/panels/iframe/ha-panel-iframe.ts

@@ -11,7 +11,7 @@ class HaPanelIframe extends LitElement {
 
   @property({ type: Boolean }) public narrow = false;
 
-  @property() panel!: PanelInfo<{ url: string }>;
+  @property({ attribute: false }) panel!: PanelInfo<{ url: string }>;
 
   render() {
     if (

src/panels/logbook/ha-logbook.ts

@@ -41,28 +41,24 @@ const idsChanged = (oldIds?: string[], newIds?: string[]) => {
 export class HaLogbook extends LitElement {
   @property({ attribute: false }) public hass!: HomeAssistant;
 
-  @property() public time!:
+  @property({ attribute: false }) public time!:
     | { range: [Date, Date] }
     | {
         // Seconds
         recent: number;
       };
 
-  @property() public entityIds?: string[];
+  @property({ attribute: false }) public entityIds?: string[];
 
-  @property() public deviceIds?: string[];
+  @property({ attribute: false }) public deviceIds?: string[];
 
-  @property({ type: Boolean, attribute: "narrow" })
-  public narrow = false;
+  @property({ type: Boolean }) public narrow = false;
 
-  @property({ type: Boolean, attribute: "virtualize", reflect: true })
-  public virtualize = false;
+  @property({ type: Boolean, reflect: true }) public virtualize = false;
 
-  @property({ type: Boolean, attribute: "no-icon" })
-  public noIcon = false;
+  @property({ type: Boolean, attribute: "no-icon" }) public noIcon = false;
 
-  @property({ type: Boolean, attribute: "no-name" })
-  public noName = false;
+  @property({ type: Boolean, attribute: "no-name" }) public noName = false;
 
   @property({ type: Boolean, attribute: "show-indicator" })
   public showIndicator = false;

src/panels/lovelace/components/hui-buttons-base.ts

@@ -17,7 +17,8 @@ import { haStyleScrollbar } from "../../../resources/styles";
 export class HuiButtonsBase extends LitElement {
   @state() public hass!: HomeAssistant;
 
-  @property() public configEntities?: EntitiesCardEntityConfig[];
+  @property({ attribute: false })
+  public configEntities?: EntitiesCardEntityConfig[];
 
   protected render(): TemplateResult {
     return html`

src/panels/lovelace/components/hui-entity-editor.ts

@@ -19,7 +19,8 @@ export class HuiEntityEditor extends LitElement {
 
   @property({ attribute: false }) public entities?: EntityConfig[];
 
-  @property() public entityFilter?: HaEntityPickerEntityFilterFunc;
+  @property({ attribute: false })
+  public entityFilter?: HaEntityPickerEntityFilterFunc;
 
   @property() public label?: string;
 

src/panels/lovelace/components/hui-timestamp-display.ts

@@ -27,7 +27,7 @@ const INTERVAL_FORMAT = ["relative", "total"];
 class HuiTimestampDisplay extends LitElement {
   @property({ attribute: false }) public hass?: HomeAssistant;
 
-  @property() public ts?: Date;
+  @property({ attribute: false }) public ts?: Date;
 
   @property() public format?: TimestampRenderingFormat;
 

src/panels/lovelace/ha-panel-lovelace.ts

@@ -52,7 +52,7 @@ let resourcesLoaded = false;
 
 @customElement("ha-panel-lovelace")
 export class LovelacePanel extends LitElement {
-  @property() public panel?: PanelInfo<LovelacePanelConfig>;
+  @property({ attribute: false }) public panel?: PanelInfo<LovelacePanelConfig>;
 
   @property({ attribute: false }) public hass?: HomeAssistant;
 

src/panels/lovelace/hui-editor.ts

@@ -49,7 +49,7 @@ class LovelaceFullConfigEditor extends LitElement {
 
   @property({ attribute: false }) public lovelace?: Lovelace;
 
-  @property() public closeEditor?: () => void;
+  @property({ attribute: false }) public closeEditor?: () => void;
 
   @state() private _saving?: boolean;
 

src/panels/profile/ha-advanced-mode-row.ts

@@ -15,7 +15,7 @@ class AdvancedModeRow extends LitElement {
 
   @property({ type: Boolean }) public narrow = false;
 
-  @property() public coreUserData?: CoreFrontendUserData;
+  @property({ attribute: false }) public coreUserData?: CoreFrontendUserData;
 
   protected render(): TemplateResult {
     return html`