fixed icon types

Author: bennobuilder

src/components/other/Icons/icons.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+import { FiStar, FiZap } from 'react-icons/all';
+
+export const IconKeyMap = {
+  star: (props) => <FiStar {...props} />,
+  zap: (props) => <FiZap {...props} />,
+};

src/components/other/Icons/index.tsx

@@ -1,18 +1,13 @@
-import React, { useState } from 'react';
-import { FiStar, FiZap } from 'react-icons/all';
-
-class IconKeyMap {
-  star = (props) => <FiStar {...props} />;
-  zap = (props) => <FiZap {...props} />;
-}
+import React from 'react';
+import { IconKeyMap } from './icons';
 
 type FunctionPropertyNames<T> = {
   [K in keyof T]: T[K] extends (...args: any[]) => any ? K : never;
 }[keyof T] &
   string;
 
 export type IconTypes<
-  T = IconKeyMap,
+  T = typeof IconKeyMap,
   M = FunctionPropertyNames<Required<T>>
 > = M;
 
@@ -23,9 +18,8 @@ type Props = {
 
 const Icons: React.FC<Props> = (props) => {
   const { type } = props;
-  const [iconKeyMap] = useState(new IconKeyMap());
 
-  return iconKeyMap[type](props) || <div>Icon '{type}' doesn't exists!</div>;
+  return IconKeyMap[type](props) || <div>Icon '{type}' doesn't exists!</div>;
 };
 
 export default Icons;