fix ts SVG issue

Author: mckervinc

custom.d.ts

@@ -0,0 +1,4 @@
+declare module "*.svg" {
+  const content: React.ElementType<React.SVGProps<SVGSVGElement>>;
+  export default content;
+}

index.d.ts

@@ -1,10 +1,5 @@
 import { CSSProperties, ForwardedRef, ReactNode } from "react";
 
-declare module "*.svg" {
-  const content: string;
-  export default content;
-}
-
 export type SortDirection = "ASC" | "DESC" | null;
 
 type CacheFunction = (dataIndex: number, forceUpdate?: boolean) => void;

src/Row.tsx

@@ -1,10 +1,8 @@
-import React, { SVGProps, useCallback, useContext, useLayoutEffect, useRef } from "react";
-import { CacheFunction, ColumnProps, RowRenderProps, SubComponentProps } from "../index";
-//@ts-ignore TS2307
-import Minus from "./svg/minus-circle.svg";
+import React, { useCallback, useContext, useLayoutEffect, useRef } from "react";
 import { ListChildComponentProps } from "react-window";
+import { CacheFunction, ColumnProps, RowRenderProps, SubComponentProps } from "../index";
 import { TableContext } from "./TableContext";
-//@ts-ignore TS2307
+import Minus from "./svg/minus-circle.svg";
 import Plus from "./svg/plus-circle.svg";
 import { cx } from "./util";
 
@@ -84,7 +82,7 @@ const TableCell = React.memo(function <T>({
   // expander
   if (column.expander) {
     if (typeof column.expander === "boolean") {
-      const Logo: React.ElementType<SVGProps<SVGSVGElement>> = isExpanded ? Minus : Plus;
+      const Logo = isExpanded ? Minus : Plus;
 
       return (
         <div className="cell" style={style}>

tsconfig.json

@@ -17,6 +17,7 @@
   },
   "include": [
     "index.d.ts",
+    "custom.d.ts",
     "src/**/*"
   ],
   "exclude": [