fix: introduced SvgIcon (#184)

Author: priscilawebdev

src/icons/GitHub.tsx

@@ -2,7 +2,8 @@
 /* eslint-disable react/jsx-curly-brace-presence */
 
 import React from 'react';
-import SvgIcon from '@material-ui/core/SvgIcon';
+
+import SvgIcon from '../muiComponents/SvgIcon';
 
 const GitHub: React.FC = props => (
   <SvgIcon {...props}>

src/muiComponents/SvgIcon/SvgIcon.tsx

@@ -0,0 +1,10 @@
+import React, { forwardRef } from 'react';
+import { default as MaterialUISvgIcon, SvgIconProps } from '@material-ui/core/SvgIcon';
+
+type SvgIconRef = SVGSVGElement;
+
+const SvgIcon = forwardRef<SvgIconRef, SvgIconProps>(function SvgIcon(props, ref) {
+  return <MaterialUISvgIcon {...props} ref={ref} />;
+});
+
+export default SvgIcon;

src/muiComponents/SvgIcon/index.ts

@@ -0,0 +1 @@
+export { default } from './SvgIcon';