From 686bd6d603cbb62e9562d8c463099eaca9f1731b Mon Sep 17 00:00:00 2001
From: Hiroshi Urabe <mail@torounit.com>
Date: Thu, 7 Mar 2024 14:43:28 +0800
Subject: [PATCH] add optional chain to length. (#59658)

---
 .../edit-site/src/components/global-styles/screen-colors.js     | 2 +-
 .../edit-site/src/components/global-styles/screen-typography.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/edit-site/src/components/global-styles/screen-colors.js b/packages/edit-site/src/components/global-styles/screen-colors.js
index 18c90d7296c4c..c843297a67398 100644
--- a/packages/edit-site/src/components/global-styles/screen-colors.js
+++ b/packages/edit-site/src/components/global-styles/screen-colors.js
@@ -47,7 +47,7 @@ function ScreenColors() {
 			/>
 			<div className="edit-site-global-styles-screen-colors">
 				<VStack spacing={ 3 }>
-					{ !! colorVariations.length && (
+					{ !! colorVariations?.length && (
 						<ColorVariations variations={ colorVariations } />
 					) }
 
diff --git a/packages/edit-site/src/components/global-styles/screen-typography.js b/packages/edit-site/src/components/global-styles/screen-typography.js
index 5731b5c043fab..2ff58445c24c1 100644
--- a/packages/edit-site/src/components/global-styles/screen-typography.js
+++ b/packages/edit-site/src/components/global-styles/screen-typography.js
@@ -40,7 +40,7 @@ function ScreenTypography() {
 			/>
 			<div className="edit-site-global-styles-screen-typography">
 				<VStack spacing={ 6 }>
-					{ !! typographyVariations.length && (
+					{ !! typographyVariations?.length && (
 						<TypographyVariations />
 					) }
 					{ ! window.__experimentalDisableFontLibrary && (