From 23320700a9104667ffab27dfc2b3e6e2243bf927 Mon Sep 17 00:00:00 2001
From: srmukher <120183316+srmukher@users.noreply.github.com>
Date: Thu, 12 Dec 2024 14:49:59 +0530
Subject: [PATCH] Adding theme check for dark mode (#33454)

---
 ...eact-charting-fd790dc8-78f9-4645-926b-0f0c017d3bfd.json | 7 +++++++
 .../src/components/DeclarativeChart/DeclarativeChart.tsx   | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 change/@fluentui-react-charting-fd790dc8-78f9-4645-926b-0f0c017d3bfd.json

diff --git a/change/@fluentui-react-charting-fd790dc8-78f9-4645-926b-0f0c017d3bfd.json b/change/@fluentui-react-charting-fd790dc8-78f9-4645-926b-0f0c017d3bfd.json
new file mode 100644
index 0000000000000..bc4b3ef43d0d5
--- /dev/null
+++ 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": "120183316+srmukher@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
index 7c27bfc94b911..ee2f9f254ff4a 100644
--- 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 {