Fix react warning error on font upload page (#502)

WordPress · Jan 4, 2024 · f6e37e1 · f6e37e1
1 parent fcc9a1c
commit f6e37e1
Showing 1 changed file with 7 additions and 3 deletions.
diff --git 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>