From 0d020e0300b34f464f1f9f060a5d79e7089d558a Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Thu, 20 Apr 2023 11:03:47 +0200
Subject: [PATCH] Fix stt/tts pickers (#16241)

---
 src/components/ha-stt-picker.ts | 8 +++++---
 src/components/ha-tts-picker.ts | 8 +++++---
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/ha-stt-picker.ts b/src/components/ha-stt-picker.ts
index b7e998fb92..26e799f2e3 100644
--- a/src/components/ha-stt-picker.ts
+++ b/src/components/ha-stt-picker.ts
@@ -5,7 +5,6 @@ import {
   LitElement,
   nothing,
   PropertyValues,
-  TemplateResult,
 } from "lit";
 import { customElement, property, state } from "lit/decorators";
 import { fireEvent } from "../common/dom/fire_event";
@@ -34,9 +33,12 @@ export class HaSTTPicker extends LitElement {
 
   @property({ type: Boolean }) public required = false;
 
-  @state() _engines: STTEngine[] = [];
+  @state() _engines?: STTEngine[];
 
-  protected render(): TemplateResult {
+  protected render() {
+    if (!this._engines) {
+      return nothing;
+    }
     const value =
       this.value ??
       (this.required
diff --git a/src/components/ha-tts-picker.ts b/src/components/ha-tts-picker.ts
index fe671b3bea..f71d69d030 100644
--- a/src/components/ha-tts-picker.ts
+++ b/src/components/ha-tts-picker.ts
@@ -6,7 +6,6 @@ import {
   LitElement,
   nothing,
   PropertyValues,
-  TemplateResult,
 } from "lit";
 import { customElement, property, state } from "lit/decorators";
 import { fireEvent } from "../common/dom/fire_event";
@@ -34,9 +33,12 @@ export class HaTTSPicker extends LitElement {
 
   @property({ type: Boolean }) public required = false;
 
-  @state() _engines: TTSEngine[] = [];
+  @state() _engines?: TTSEngine[];
 
-  protected render(): TemplateResult {
+  protected render() {
+    if (!this._engines) {
+      return nothing;
+    }
     const value =
       this.value ??
       (this.required