Adding theme check for dark mode (microsoft#33454)

spmonahan · Dec 12, 2024 · 2332070 · 2332070
1 parent 1d7eae2
commit 2332070
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/change/@fluentui-react-charting-fd790dc8-78f9-4645-926b-0f0c017d3bfd.json b/change/@fluentui-react-charting-fd790dc8-78f9-4645-926b-0f0c017d3bfd.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Adding theme check for dark mode for declarative charts",
+  "packageName": "@fluentui/react-charting",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
@@ -29,7 +29,7 @@ import { useTheme } from '@fluentui/react';
 
 export const UseIsDarkTheme = (): boolean => {
   const theme = useTheme();
-  return theme.isInverted;
+  return theme?.isInverted ?? false;
 };
 
 export interface Schema {