Fix styles debugging throw error under dev environment (#18955)

* fix resolvedStylesDebug * changelog
microsoft · Jul 15, 2021 · 7ca92e7 · 7ca92e7
1 parent 445c04a
commit 7ca92e7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/packages/fluentui/CHANGELOG.md b/packages/fluentui/CHANGELOG.md
@@ -28,6 +28,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 - Fix `Tooltip` trigger order of props being spread @chassunc ([#18875](https://github.com/microsoft/fluentui/pull/18875))
 - Ensure wide content fits in compact ChatMessage @Hirse ([#18871](https://github.com/microsoft/fluentui/pull/18871))
 - Adding back data-is-focusable attribute for `menuitem` @kolaps33 ([#18934](https://github.com/microsoft/fluentui/pull/18934))
+- Fix style debugging throw error in dev environment @yuanboxue-amber ([#18955](https://github.com/microsoft/fluentui/pull/18955))
 - Fix `ChatMessage` to pass `popperRef` from user to `usePopper` @yuanboxue-amber ([#18950](https://github.com/microsoft/fluentui/pull/18950))
 
 ### Features

diff --git a/packages/fluentui/react-bindings/src/styles/resolveStyles.ts b/packages/fluentui/react-bindings/src/styles/resolveStyles.ts
@@ -210,8 +210,8 @@ export const resolveStyles = (
           }
 
           if (process.env.NODE_ENV !== 'production' && isDebugEnabled) {
-            resolvedStylesDebug[slotName] = (resolvedStyles[slotName] as any)['_debug'];
-            delete (resolvedStyles[slotName] as any)['_debug'];
+            resolvedStylesDebug[slotName] = (resolvedStyles[slotName] as any)?.['_debug'];
+            delete (resolvedStyles[slotName] as any)?.['_debug'];
           }
 
           if (telemetry?.enabled && telemetry.performance[primaryDisplayName]) {
@@ -335,8 +335,8 @@ export const resolveStyles = (
         }
 
         if (process.env.NODE_ENV !== 'production' && isDebugEnabled) {
-          resolvedStylesDebug[slotName] = (target[slotName] as any)['_debug'];
-          delete (target[slotName] as any)['_debug'];
+          resolvedStylesDebug[slotName] = (target[slotName] as any)?.['_debug'];
+          delete (target[slotName] as any)?.['_debug'];
         }
 
         if (telemetry?.enabled && telemetry.performance[primaryDisplayName]) {