fix: area color scale typing

Hexastack · Dec 22, 2022 · 57ea20e · 57ea20e
1 parent d3f1cd4
commit 57ea20e
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/packages/ez-react/src/components/Area.tsx b/packages/ez-react/src/components/Area.tsx
@@ -30,13 +30,16 @@ export const Area: FC<AreaProps> = ({
 }) => {
   const { colorScale } = useColorScale();
 
-  const color = useMemo(
-    () =>
-      colorScale.isDefined()
-        ? (colorScale as unknown as ScaleOrdinal).scale(yDomainKey)
-        : area.fill,
-    [area.fill, colorScale, yDomainKey]
-  );
+  const color = useMemo(() => {
+    if (colorScale.isDefined()) {
+      if (colorScale.constructor.name === 'ScaleOrdinal') {
+        return (colorScale as any as ScaleOrdinal).scale(yDomainKey);
+      } else {
+        throw new Error('Area shape does not support non ordinal color scale');
+      }
+    }
+    return area.fill;
+  }, [area.fill, colorScale, yDomainKey]);
 
   return (
     <Points