From 8b86ded434e80961c39499cd261306c3bb3d4ee6 Mon Sep 17 00:00:00 2001
From: Priscila Oliveira <priscilawebdev@gmail.com>
Date: Sat, 12 Oct 2019 11:42:29 +0200
Subject: [PATCH] fix: introduced SvgIcon (#184)

---
 src/icons/GitHub.tsx                  |  3 ++-
 src/muiComponents/SvgIcon/SvgIcon.tsx | 10 ++++++++++
 src/muiComponents/SvgIcon/index.ts    |  1 +
 3 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 src/muiComponents/SvgIcon/SvgIcon.tsx
 create mode 100644 src/muiComponents/SvgIcon/index.ts

diff --git a/src/icons/GitHub.tsx b/src/icons/GitHub.tsx
index 508b563..ab1d080 100644
--- a/src/icons/GitHub.tsx
+++ b/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}>
diff --git a/src/muiComponents/SvgIcon/SvgIcon.tsx b/src/muiComponents/SvgIcon/SvgIcon.tsx
new file mode 100644
index 0000000..1fa4e59
--- /dev/null
+++ b/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;
diff --git a/src/muiComponents/SvgIcon/index.ts b/src/muiComponents/SvgIcon/index.ts
new file mode 100644
index 0000000..9ad5fba
--- /dev/null
+++ b/src/muiComponents/SvgIcon/index.ts
@@ -0,0 +1 @@
+export { default } from './SvgIcon';