type(demo): fix streamgraph + line-radial type errors

airbnb · Mar 11, 2020 · a23fc68 · a23fc68
1 parent 3f4ed74
commit a23fc68
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/vx-demo/src/docs-v2/examples/vx-shape-line-radial/Example.tsx b/packages/vx-demo/src/docs-v2/examples/vx-shape-line-radial/Example.tsx
@@ -51,7 +51,7 @@ type Props = {
 };
 
 export default ({ width, height, animate = true }: Props) => {
-  const lineRef = useRef<SVGPathElement>();
+  const lineRef = useRef<SVGPathElement>(null);
   const [lineLength, setLineLength] = useState<number>(0);
   const [shouldAnimate, setShouldAnimate] = useState<boolean>(false);
 
@@ -119,7 +119,7 @@ export default ({ width, height, animate = true }: Props) => {
 
           <LineRadial angle={angle} radius={radius} curve={curveBasisOpen}>
             {({ path }) => {
-              const d = path(appleStock);
+              const d = path(appleStock) || '';
               return (
                 <>
                   <animated.path

diff --git a/packages/vx-demo/src/docs-v2/examples/vx-streamgraph/Example.tsx b/packages/vx-demo/src/docs-v2/examples/vx-streamgraph/Example.tsx
@@ -106,8 +106,8 @@ export default function Streamgraph({ width, height, animate = true }: Props) {
               const pattern = patternScale(stack.key);
               return (
                 <g key={`series-${stack.key}`}>
-                  <animated.path d={tweened.d} fill={color} />
-                  <animated.path d={tweened.d} fill={`url(#${pattern})`} />
+                  <animated.path d={tweened.d || ''} fill={color} />
+                  <animated.path d={tweened.d || ''} fill={`url(#${pattern})`} />
                 </g>
               );
             })