From f6e37e16c2ba5cf3b8a95837b7fa4e6fc12812f2 Mon Sep 17 00:00:00 2001
From: Aki Hamano <54422211+t-hamano@users.noreply.github.com>
Date: Thu, 4 Jan 2024 19:30:01 +0900
Subject: [PATCH] Fix react warning error on font upload page (#502)

---
 src/local-fonts/upload-font-form.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/local-fonts/upload-font-form.js b/src/local-fonts/upload-font-form.js
index 2da0417b..5c7159b7 100644
--- a/src/local-fonts/upload-font-form.js
+++ b/src/local-fonts/upload-font-form.js
@@ -152,7 +152,7 @@ function UploadFontForm( {
 						name="font-name"
 						id="font-name"
 						placeholder={ __( 'Font name', 'create-block-theme' ) }
-						value={ formData.name }
+						value={ formData.name || '' }
 						onChange={ ( val ) =>
 							setFormData( { ...formData, name: val } )
 						}
@@ -164,7 +164,7 @@ function UploadFontForm( {
 						label={ __( 'Font style:', 'create-block-theme' ) }
 						name="font-style"
 						id="font-style"
-						value={ formData.style }
+						value={ formData.style || 'normal' }
 						onChange={ ( val ) =>
 							setFormData( { ...formData, style: val } )
 						}
@@ -207,7 +207,11 @@ function UploadFontForm( {
 				<input
 					type="hidden"
 					name="font-credits"
-					value={ JSON.stringify( formData.fontCredits ) }
+					value={
+						formData.fontCredits
+							? JSON.stringify( formData.fontCredits )
+							: ''
+					}
 				/>
 			</form>