fix(demo): use named default components for next.js fast refresh

kengey · Oct 23, 2020 · ffd7bf3 · ffd7bf3
1 parent 434710f
commit ffd7bf3
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/packages/visx-demo/src/sandboxes/visx-heatmap/Example.tsx b/packages/visx-demo/src/sandboxes/visx-heatmap/Example.tsx
@@ -57,7 +57,7 @@ export type HeatmapProps = {
 
 const defaultMargin = { top: 10, left: 20, right: 20, bottom: 110 };
 
-export default ({
+const Example = ({
   width,
   height,
   events = false,
@@ -149,3 +149,5 @@ export default ({
     </svg>
   );
 };
+
+export default Example;
diff --git a/packages/visx-demo/src/sandboxes/visx-responsive/Lines.tsx b/packages/visx-demo/src/sandboxes/visx-responsive/Lines.tsx
@@ -26,7 +26,7 @@ type Props = {
   height: number;
 };
 
-export default ({ width, height }: Props) => {
+const Lines = ({ width, height }: Props) => {
   // bounds
   const lineHeight = height / lineCount;
 
@@ -52,3 +52,5 @@ export default ({ width, height }: Props) => {
     </svg>
   );
 };
+
+export default Lines;
diff --git a/packages/visx-demo/src/sandboxes/visx-shape-line-radial/Example.tsx b/packages/visx-demo/src/sandboxes/visx-shape-line-radial/Example.tsx
@@ -51,7 +51,7 @@ export type LineRadialProps = {
   animate?: boolean;
 };
 
-export default ({ width, height, animate = true }: LineRadialProps) => {
+const Example = ({ width, height, animate = true }: LineRadialProps) => {
   const lineRef = useRef<SVGPathElement>(null);
   const [lineLength, setLineLength] = useState<number>(0);
   const [shouldAnimate, setShouldAnimate] = useState<boolean>(false);
@@ -159,3 +159,5 @@ export default ({ width, height, animate = true }: LineRadialProps) => {
     </>
   );
 };
+
+export default Example;