From ab33cbde4c8443f8e6dfb10d39d0137dad22f9c0 Mon Sep 17 00:00:00 2001
From: Alex Johansson <alexander@n1s.se>
Date: Fri, 3 Sep 2021 17:34:57 +0200
Subject: [PATCH] fix: `<Button/>` types of `StartIcon`/`EndIcon` (#562)

---
 components/ui/Button.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/ui/Button.tsx b/components/ui/Button.tsx
index 73ff565d53..9c05316e7d 100644
--- a/components/ui/Button.tsx
+++ b/components/ui/Button.tsx
@@ -2,14 +2,16 @@ import classNames from "@lib/classNames";
 import Link, { LinkProps } from "next/link";
 import React from "react";
 
+type SVGComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
+
 export type ButtonProps = {
   color?: "primary" | "secondary" | "minimal";
   size?: "base" | "sm" | "lg" | "fab";
   loading?: boolean;
   disabled?: boolean;
   onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-  StartIcon?: JSX.IntrinsicElements["svg"];
-  EndIcon?: JSX.IntrinsicElements["svg"];
+  StartIcon?: SVGComponent;
+  EndIcon?: SVGComponent;
 } & (
   | (Omit<JSX.IntrinsicElements["a"], "href"> & { href: LinkProps["href"] })
   | (JSX.IntrinsicElements["button"] & { href?: never })