X2-8166 fix(breakdown): resolves context destructuring issue

kirtesh-xola · Dec 29, 2023 · 42a80ea · 42a80ea
1 parent df91881
commit 42a80ea
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/Breakdown.jsx b/src/components/Breakdown.jsx
@@ -36,7 +36,8 @@ Breakdown.propTypes = {
 };
 
 const BreakdownItem = ({ children, info, methodIcon, secondary, value, className, color = "default", ...rest }) => {
-    const { currency, locale } = useContext(CurrencyContext);
+    /** When BreakdownItem is directly used without outer <Breakdown /> component, the context would be `undefined` */
+    const { currency, locale } = useContext(CurrencyContext) ?? {};
 
     return (
         <tr className={clsx("ui-breakdown-item", colors[color], className)} {...rest}>