fix: 优化ts提示

packages/icon-v2/src/icons/Add.tsx

@@ -1,4 +1,7 @@
-const Add = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Add = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Add = (props) => (
     />
   </svg>
 );
+
 export default Add;

packages/icon-v2/src/icons/Addvideo.tsx

@@ -1,4 +1,7 @@
-const Addvideo = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Addvideo = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Addvideo = (props) => (
     />
   </svg>
 );
+
 export default Addvideo;

packages/icon-v2/src/icons/Ai.tsx

@@ -1,4 +1,7 @@
-const Ai = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Ai = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Ai = (props) => (
     />
   </svg>
 );
+
 export default Ai;

packages/icon-v2/src/icons/Algorithmfilled.tsx

@@ -1,4 +1,7 @@
-const Algorithmfilled = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Algorithmfilled = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Algorithmfilled = (props) => (
     />
   </svg>
 );
+
 export default Algorithmfilled;

packages/icon-v2/src/icons/Analysis.tsx

@@ -1,4 +1,7 @@
-const Analysis = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Analysis = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Analysis = (props) => (
     />
   </svg>
 );
+
 export default Analysis;

packages/icon-v2/src/icons/Analysissel.tsx

@@ -1,4 +1,7 @@
-const Analysissel = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Analysissel = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <g fill="none" fillRule="nonzero">
       <path
@@ -12,4 +15,5 @@ const Analysissel = (props) => (
     </g>
   </svg>
 );
+
 export default Analysissel;

packages/icon-v2/src/icons/Arrowdown.tsx

@@ -1,4 +1,7 @@
-const Arrowdown = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Arrowdown = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Arrowdown = (props) => (
     />
   </svg>
 );
+
 export default Arrowdown;

packages/icon-v2/src/icons/Arrowleft.tsx

@@ -1,4 +1,7 @@
-const Arrowleft = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Arrowleft = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Arrowleft = (props) => (
     />
   </svg>
 );
+
 export default Arrowleft;

packages/icon-v2/src/icons/Arrowright.tsx

@@ -1,4 +1,7 @@
-const Arrowright = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Arrowright = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Arrowright = (props) => (
     />
   </svg>
 );
+
 export default Arrowright;

packages/icon-v2/src/icons/Arrowup.tsx

@@ -1,4 +1,7 @@
-const Arrowup = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Arrowup = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Arrowup = (props) => (
     />
   </svg>
 );
+
 export default Arrowup;

packages/icon-v2/src/icons/Attachment.tsx

@@ -1,4 +1,7 @@
-const Attachment = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Attachment = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Attachment = (props) => (
     />
   </svg>
 );
+
 export default Attachment;

packages/icon-v2/src/icons/Back.tsx

@@ -1,4 +1,7 @@
-const Back = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Back = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Back = (props) => (
     />
   </svg>
 );
+
 export default Back;

packages/icon-v2/src/icons/Bike.tsx

@@ -1,4 +1,7 @@
-const Bike = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Bike = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Bike = (props) => (
     />
   </svg>
 );
+
 export default Bike;

packages/icon-v2/src/icons/Bikefilled.tsx

@@ -1,4 +1,7 @@
-const Bikefilled = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Bikefilled = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Bikefilled = (props) => (
     />
   </svg>
 );
+
 export default Bikefilled;

packages/icon-v2/src/icons/Bikesel.tsx

@@ -1,4 +1,7 @@
-const Bikesel = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Bikesel = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <g fill="none" fillRule="evenodd">
       <path
@@ -10,4 +13,5 @@ const Bikesel = (props) => (
     </g>
   </svg>
 );
+
 export default Bikesel;

packages/icon-v2/src/icons/Briefcase.tsx

@@ -1,4 +1,7 @@
-const Briefcase = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Briefcase = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Briefcase = (props) => (
     />
   </svg>
 );
+
 export default Briefcase;

packages/icon-v2/src/icons/Browser.tsx

@@ -1,4 +1,7 @@
-const Browser = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Browser = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Browser = (props) => (
     />
   </svg>
 );
+
 export default Browser;

packages/icon-v2/src/icons/Calendar.tsx

@@ -1,4 +1,7 @@
-const Calendar = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Calendar = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Calendar = (props) => (
     />
   </svg>
 );
+
 export default Calendar;

packages/icon-v2/src/icons/Camera.tsx

@@ -1,4 +1,7 @@
-const Camera = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Camera = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Camera = (props) => (
     />
   </svg>
 );
+
 export default Camera;

packages/icon-v2/src/icons/Camera2.tsx

@@ -1,4 +1,7 @@
-const Camera2 = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Camera2 = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Camera2 = (props) => (
     />
   </svg>
 );
+
 export default Camera2;

packages/icon-v2/src/icons/Camerafilled.tsx

@@ -1,4 +1,7 @@
-const Camerafilled = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Camerafilled = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Camerafilled = (props) => (
     />
   </svg>
 );
+
 export default Camerafilled;

packages/icon-v2/src/icons/Car.tsx

@@ -1,4 +1,7 @@
-const Car = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Car = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Car = (props) => (
     />
   </svg>
 );
+
 export default Car;

packages/icon-v2/src/icons/Carfilled.tsx

@@ -1,4 +1,7 @@
-const Carfilled = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Carfilled = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Carfilled = (props) => (
     />
   </svg>
 );
+
 export default Carfilled;

packages/icon-v2/src/icons/Carsel.tsx

@@ -1,4 +1,7 @@
-const Carsel = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Carsel = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <g fill="none" fillRule="evenodd">
       <path
@@ -13,4 +16,5 @@ const Carsel = (props) => (
     </g>
   </svg>
 );
+
 export default Carsel;

packages/icon-v2/src/icons/Close.tsx

@@ -1,4 +1,7 @@
-const Close = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Close = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Close = (props) => (
     />
   </svg>
 );
+
 export default Close;

packages/icon-v2/src/icons/Configure.tsx

@@ -1,4 +1,7 @@
-const Configure = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Configure = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Configure = (props) => (
     />
   </svg>
 );
+
 export default Configure;

packages/icon-v2/src/icons/Day.tsx

@@ -1,4 +1,7 @@
-const Day = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Day = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Day = (props) => (
     />
   </svg>
 );
+
 export default Day;

packages/icon-v2/src/icons/Delete.tsx

@@ -1,4 +1,7 @@
-const Delete = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Delete = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Delete = (props) => (
     />
   </svg>
 );
+
 export default Delete;

packages/icon-v2/src/icons/Diagnose.tsx

@@ -1,4 +1,7 @@
-const Diagnose = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Diagnose = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Diagnose = (props) => (
     />
   </svg>
 );
+
 export default Diagnose;

packages/icon-v2/src/icons/Digicam.tsx

@@ -1,4 +1,7 @@
-const Digicam = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Digicam = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Digicam = (props) => (
     />
   </svg>
 );
+
 export default Digicam;

packages/icon-v2/src/icons/Dispatch.tsx

@@ -1,4 +1,7 @@
-const Dispatch = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Dispatch = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Dispatch = (props) => (
     />
   </svg>
 );
+
 export default Dispatch;

packages/icon-v2/src/icons/Dispatchsel.tsx

@@ -1,4 +1,7 @@
-const Dispatchsel = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Dispatchsel = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <g fill="none" fillRule="evenodd">
       <path
@@ -13,4 +16,5 @@ const Dispatchsel = (props) => (
     </g>
   </svg>
 );
+
 export default Dispatchsel;

packages/icon-v2/src/icons/Document.tsx

@@ -1,4 +1,7 @@
-const Document = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Document = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Document = (props) => (
     />
   </svg>
 );
+
 export default Document;

packages/icon-v2/src/icons/Download.tsx

@@ -1,4 +1,7 @@
-const Download = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Download = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Download = (props) => (
     />
   </svg>
 );
+
 export default Download;

packages/icon-v2/src/icons/Edit.tsx

@@ -1,4 +1,7 @@
-const Edit = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Edit = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Edit = (props) => (
     />
   </svg>
 );
+
 export default Edit;

packages/icon-v2/src/icons/Errorfilled.tsx

@@ -1,4 +1,7 @@
-const Errorfilled = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Errorfilled = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="#F55D58"
@@ -7,4 +10,5 @@ const Errorfilled = (props) => (
     />
   </svg>
 );
+
 export default Errorfilled;

packages/icon-v2/src/icons/Exchange.tsx

@@ -1,4 +1,7 @@
-const Exchange = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Exchange = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Exchange = (props) => (
     />
   </svg>
 );
+
 export default Exchange;

packages/icon-v2/src/icons/Export.tsx

@@ -1,4 +1,7 @@
-const Export = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Export = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Export = (props) => (
     />
   </svg>
 );
+
 export default Export;

packages/icon-v2/src/icons/Failurefilled.tsx

@@ -1,4 +1,7 @@
-const Failurefilled = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Failurefilled = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="#F55D58"
@@ -7,4 +10,5 @@ const Failurefilled = (props) => (
     />
   </svg>
 );
+
 export default Failurefilled;

packages/icon-v2/src/icons/Files.tsx

@@ -1,4 +1,7 @@
-const Files = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Files = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="#666"
@@ -7,4 +10,5 @@ const Files = (props) => (
     />
   </svg>
 );
+
 export default Files;

packages/icon-v2/src/icons/Filessel.tsx

@@ -1,4 +1,7 @@
-const Filessel = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Filessel = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <g fill="none" fillRule="evenodd">
       <path
@@ -13,4 +16,5 @@ const Filessel = (props) => (
     </g>
   </svg>
 );
+
 export default Filessel;

packages/icon-v2/src/icons/Filter.tsx

@@ -1,4 +1,7 @@
-const Filter = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Filter = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Filter = (props) => (
     />
   </svg>
 );
+
 export default Filter;

packages/icon-v2/src/icons/Folder.tsx

@@ -1,4 +1,7 @@
-const Folder = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Folder = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Folder = (props) => (
     />
   </svg>
 );
+
 export default Folder;

packages/icon-v2/src/icons/Folderfilled.tsx

@@ -1,4 +1,7 @@
-const Folderfilled = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Folderfilled = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Folderfilled = (props) => (
     />
   </svg>
 );
+
 export default Folderfilled;

packages/icon-v2/src/icons/Frame.tsx

@@ -1,4 +1,7 @@
-const Frame = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Frame = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Frame = (props) => (
     />
   </svg>
 );
+
 export default Frame;

packages/icon-v2/src/icons/Fullscreen.tsx

@@ -1,4 +1,7 @@
-const Fullscreen = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Fullscreen = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Fullscreen = (props) => (
     />
   </svg>
 );
+
 export default Fullscreen;

packages/icon-v2/src/icons/Fullscreenexit.tsx

@@ -1,4 +1,7 @@
-const Fullscreenexit = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Fullscreenexit = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Fullscreenexit = (props) => (
     />
   </svg>
 );
+
 export default Fullscreenexit;

packages/icon-v2/src/icons/Guide.tsx

@@ -1,4 +1,7 @@
-const Guide = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Guide = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Guide = (props) => (
     />
   </svg>
 );
+
 export default Guide;

packages/icon-v2/src/icons/Help.tsx

@@ -1,4 +1,7 @@
-const Help = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Help = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Help = (props) => (
     />
   </svg>
 );
+
 export default Help;

packages/icon-v2/src/icons/Hide.tsx

@@ -1,4 +1,7 @@
-const Hide = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Hide = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Hide = (props) => (
     />
   </svg>
 );
+
 export default Hide;

packages/icon-v2/src/icons/History.tsx

@@ -1,4 +1,7 @@
-const History = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const History = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const History = (props) => (
     />
   </svg>
 );
+
 export default History;

packages/icon-v2/src/icons/Homepage.tsx

@@ -1,4 +1,7 @@
-const Homepage = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Homepage = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Homepage = (props) => (
     />
   </svg>
 );
+
 export default Homepage;

packages/icon-v2/src/icons/Humanfilled.tsx

@@ -1,4 +1,7 @@
-const Humanfilled = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Humanfilled = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Humanfilled = (props) => (
     />
   </svg>
 );
+
 export default Humanfilled;

packages/icon-v2/src/icons/Identify.tsx

@@ -1,4 +1,7 @@
-const Identify = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Identify = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Identify = (props) => (
     />
   </svg>
 );
+
 export default Identify;

packages/icon-v2/src/icons/Identifyfilled.tsx

@@ -1,4 +1,7 @@
-const Identifyfilled = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Identifyfilled = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Identifyfilled = (props) => (
     />
   </svg>
 );
+
 export default Identifyfilled;

packages/icon-v2/src/icons/Identifysel.tsx

@@ -1,4 +1,7 @@
-const Identifysel = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Identifysel = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <g fill="none" fillRule="evenodd">
       <path
@@ -13,4 +16,5 @@ const Identifysel = (props) => (
     </g>
   </svg>
 );
+
 export default Identifysel;

packages/icon-v2/src/icons/Import.tsx

@@ -1,4 +1,7 @@
-const Import = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Import = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Import = (props) => (
     />
   </svg>
 );
+
 export default Import;

packages/icon-v2/src/icons/Infomationfilled.tsx

@@ -1,4 +1,7 @@
-const Infomationfilled = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Infomationfilled = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="#59ADF7"
@@ -7,4 +10,5 @@ const Infomationfilled = (props) => (
     />
   </svg>
 );
+
 export default Infomationfilled;

packages/icon-v2/src/icons/Keeping.tsx

@@ -1,4 +1,7 @@
-const Keeping = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Keeping = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Keeping = (props) => (
     />
   </svg>
 );
+
 export default Keeping;

packages/icon-v2/src/icons/List.tsx

@@ -1,4 +1,7 @@
-const List = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const List = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const List = (props) => (
     />
   </svg>
 );
+
 export default List;

packages/icon-v2/src/icons/Location.tsx

@@ -1,4 +1,7 @@
-const Location = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Location = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Location = (props) => (
     />
   </svg>
 );
+
 export default Location;

packages/icon-v2/src/icons/Mail.tsx

@@ -1,4 +1,7 @@
-const Mail = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Mail = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Mail = (props) => (
     />
   </svg>
 );
+
 export default Mail;

packages/icon-v2/src/icons/Manage.tsx

@@ -1,4 +1,7 @@
-const Manage = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Manage = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Manage = (props) => (
     />
   </svg>
 );
+
 export default Manage;

packages/icon-v2/src/icons/Message.tsx

@@ -1,4 +1,7 @@
-const Message = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Message = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Message = (props) => (
     />
   </svg>
 );
+
 export default Message;

packages/icon-v2/src/icons/Model.tsx

@@ -1,4 +1,7 @@
-const Model = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Model = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Model = (props) => (
     />
   </svg>
 );
+
 export default Model;

packages/icon-v2/src/icons/Modelsel.tsx

@@ -1,4 +1,7 @@
-const Modelsel = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Modelsel = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <g fill="none" fillRule="evenodd">
       <path
@@ -13,4 +16,5 @@ const Modelsel = (props) => (
     </g>
   </svg>
 );
+
 export default Modelsel;

packages/icon-v2/src/icons/Night.tsx

@@ -1,4 +1,7 @@
-const Night = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Night = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Night = (props) => (
     />
   </svg>
 );
+
 export default Night;

packages/icon-v2/src/icons/Notice.tsx

@@ -1,4 +1,7 @@
-const Notice = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Notice = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Notice = (props) => (
     />
   </svg>
 );
+
 export default Notice;

packages/icon-v2/src/icons/Noticesel.tsx

@@ -1,4 +1,7 @@
-const Noticesel = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Noticesel = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <g fill="none" fillRule="evenodd">
       <path
@@ -13,4 +16,5 @@ const Noticesel = (props) => (
     </g>
   </svg>
 );
+
 export default Noticesel;

packages/icon-v2/src/icons/Offline.tsx

@@ -1,4 +1,7 @@
-const Offline = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Offline = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Offline = (props) => (
     />
   </svg>
 );
+
 export default Offline;

packages/icon-v2/src/icons/Offlinesel.tsx

@@ -1,4 +1,7 @@
-const Offlinesel = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Offlinesel = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <g fill="none" fillRule="nonzero">
       <path
@@ -12,4 +15,5 @@ const Offlinesel = (props) => (
     </g>
   </svg>
 );
+
 export default Offlinesel;

packages/icon-v2/src/icons/Password.tsx

@@ -1,4 +1,7 @@
-const Password = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Password = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Password = (props) => (
     />
   </svg>
 );
+
 export default Password;

packages/icon-v2/src/icons/Pause.tsx

@@ -1,4 +1,7 @@
-const Pause = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Pause = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Pause = (props) => (
     />
   </svg>
 );
+
 export default Pause;

packages/icon-v2/src/icons/Personnel.tsx

@@ -1,4 +1,7 @@
-const Personnel = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Personnel = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Personnel = (props) => (
     />
   </svg>
 );
+
 export default Personnel;

packages/icon-v2/src/icons/Personnelsel.tsx

@@ -1,4 +1,7 @@
-const Personnelsel = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Personnelsel = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <g fill="none" fillRule="nonzero">
       <path
@@ -12,4 +15,5 @@ const Personnelsel = (props) => (
     </g>
   </svg>
 );
+
 export default Personnelsel;

packages/icon-v2/src/icons/Picture.tsx

@@ -1,4 +1,7 @@
-const Picture = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Picture = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Picture = (props) => (
     />
   </svg>
 );
+
 export default Picture;

packages/icon-v2/src/icons/Play.tsx

@@ -1,4 +1,7 @@
-const Play = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Play = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Play = (props) => (
     />
   </svg>
 );
+
 export default Play;

packages/icon-v2/src/icons/Recall.tsx

@@ -1,4 +1,7 @@
-const Recall = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Recall = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Recall = (props) => (
     />
   </svg>
 );
+
 export default Recall;

packages/icon-v2/src/icons/Recallsel.tsx

@@ -1,4 +1,7 @@
-const Recallsel = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Recallsel = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <g fill="none" fillRule="evenodd">
       <path
@@ -13,4 +16,5 @@ const Recallsel = (props) => (
     </g>
   </svg>
 );
+
 export default Recallsel;

packages/icon-v2/src/icons/Refresh.tsx

@@ -1,4 +1,7 @@
-const Refresh = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Refresh = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Refresh = (props) => (
     />
   </svg>
 );
+
 export default Refresh;

packages/icon-v2/src/icons/Report.tsx

@@ -1,4 +1,7 @@
-const Report = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Report = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Report = (props) => (
     />
   </svg>
 );
+
 export default Report;

packages/icon-v2/src/icons/Reset.tsx

@@ -1,4 +1,7 @@
-const Reset = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Reset = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Reset = (props) => (
     />
   </svg>
 );
+
 export default Reset;

packages/icon-v2/src/icons/Retrieval.tsx

@@ -1,4 +1,7 @@
-const Retrieval = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Retrieval = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Retrieval = (props) => (
     />
   </svg>
 );
+
 export default Retrieval;

packages/icon-v2/src/icons/Retrievalsel.tsx

@@ -1,4 +1,7 @@
-const Retrievalsel = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Retrievalsel = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <g fill="none" fillRule="evenodd">
       <path
@@ -13,4 +16,5 @@ const Retrievalsel = (props) => (
     </g>
   </svg>
 );
+
 export default Retrievalsel;

packages/icon-v2/src/icons/Route.tsx

@@ -1,4 +1,7 @@
-const Route = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Route = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Route = (props) => (
     />
   </svg>
 );
+
 export default Route;

packages/icon-v2/src/icons/Routefilled.tsx

@@ -1,4 +1,7 @@
-const Routefilled = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Routefilled = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Routefilled = (props) => (
     />
   </svg>
 );
+
 export default Routefilled;

packages/icon-v2/src/icons/Save.tsx

@@ -1,4 +1,7 @@
-const Save = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Save = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Save = (props) => (
     />
   </svg>
 );
+
 export default Save;

packages/icon-v2/src/icons/Search.tsx

@@ -1,4 +1,7 @@
-const Search = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Search = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Search = (props) => (
     />
   </svg>
 );
+
 export default Search;

packages/icon-v2/src/icons/Setting.tsx

@@ -1,4 +1,7 @@
-const Setting = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Setting = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Setting = (props) => (
     />
   </svg>
 );
+
 export default Setting;

packages/icon-v2/src/icons/Show.tsx

@@ -1,4 +1,7 @@
-const Show = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Show = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Show = (props) => (
     />
   </svg>
 );
+
 export default Show;

packages/icon-v2/src/icons/Sortdecrease.tsx

@@ -1,4 +1,7 @@
-const Sortdecrease = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Sortdecrease = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Sortdecrease = (props) => (
     />
   </svg>
 );
+
 export default Sortdecrease;

packages/icon-v2/src/icons/Sortincrease.tsx

@@ -1,4 +1,7 @@
-const Sortincrease = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Sortincrease = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Sortincrease = (props) => (
     />
   </svg>
 );
+
 export default Sortincrease;

packages/icon-v2/src/icons/Stopfilled.tsx

@@ -1,4 +1,7 @@
-const Stopfilled = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Stopfilled = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="#CCC"
@@ -7,4 +10,5 @@ const Stopfilled = (props) => (
     />
   </svg>
 );
+
 export default Stopfilled;

packages/icon-v2/src/icons/Structure.tsx

@@ -1,4 +1,7 @@
-const Structure = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Structure = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Structure = (props) => (
     />
   </svg>
 );
+
 export default Structure;

packages/icon-v2/src/icons/Successfilled.tsx

@@ -1,4 +1,7 @@
-const Successfilled = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Successfilled = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="#3CD6A3"
@@ -7,4 +10,5 @@ const Successfilled = (props) => (
     />
   </svg>
 );
+
 export default Successfilled;

packages/icon-v2/src/icons/System.tsx

@@ -1,4 +1,7 @@
-const System = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const System = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const System = (props) => (
     />
   </svg>
 );
+
 export default System;

packages/icon-v2/src/icons/Target.tsx

@@ -1,4 +1,7 @@
-const Target = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Target = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Target = (props) => (
     />
   </svg>
 );
+
 export default Target;

packages/icon-v2/src/icons/Thumbdown.tsx

@@ -1,4 +1,7 @@
-const Thumbdown = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Thumbdown = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Thumbdown = (props) => (
     />
   </svg>
 );
+
 export default Thumbdown;

packages/icon-v2/src/icons/Thumbup.tsx

@@ -1,4 +1,7 @@
-const Thumbup = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Thumbup = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Thumbup = (props) => (
     />
   </svg>
 );
+
 export default Thumbup;

packages/icon-v2/src/icons/Time.tsx

@@ -1,4 +1,7 @@
-const Time = (props) => (
+import React from 'react';
+import { CustomSVGProps } from '../type';
+
+const Time = (props: CustomSVGProps) => (
   <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" {...props}>
     <path
       fill="currentColor"
@@ -7,4 +10,5 @@ const Time = (props) => (
     />
   </svg>
 );
+
 export default Time;