Merge branch 'master' into sb-7

xola · Jan 21, 2024 · 6acff89 · 6acff89
2 parents 7a56416 + 6a615b4
commit 6acff89
Showing 1 changed file with 3 additions and 2 deletions.
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}>
@@ -78,7 +79,7 @@ Breakdown.Item = BreakdownItem;
 Breakdown.Item.displayName = "Breakdown.Item";
 
 const BreakdownSubtotalItem = ({ children, info, value, className, color = "black", ...rest }) => {
-    const { currency, locale } = useContext(CurrencyContext);
+    const { currency, locale } = useContext(CurrencyContext) ?? {};
 
     return (
         <tr className={clsx("ui-breakdown-subtotal-item", "font-bold", colors[color], className)} {...rest}>