[FIXING] Fixing the error from typescript

src/App.tsx

@@ -19,10 +19,10 @@ import { AppStates } from 'src/interfaces/App';
 import { library } from '@fortawesome/fontawesome-svg-core';
 // Save all the icon from font-awesome for dynamic import
 import * as Icons from '@fortawesome/free-solid-svg-icons';
-import { IconProp } from '@fortawesome/fontawesome-svg-core';
 
 const iconList = Object.keys(Icons)
 	.filter((key: string) => key !== 'fas' && key !== 'prefix')
+  // @ts-ignore: I dont find the definition for all the IconName pass to the Icon
 	.map((icon) => Icons[icon]);
 
 library.add(...iconList);

src/components/CustomTopButton.tsx

@@ -40,6 +40,7 @@ export default class CustomTopButton extends Component<CustomTopButtonProps, Cus
 
 
 	onPress(callback: string, hasBeenPressed: string) {
+    // @ts-ignore: The callback is on too many file
 		this.props[callback]();
 		this.setState({[hasBeenPressed]: false});
 	}

src/interfaces/Topic.ts

@@ -1,7 +1,9 @@
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+
 export interface TopicProps {
 	id: string;
 	name: string;
-	icon: string;
+	icon: IconProp;
 	source: string;
 }