fix: introduced ForwardRef (#177)

* refactor: introduced forwardref - circular progress

* refactor: replaced HTMLElementTagNameMap with HTMLElementDiv

* fix: fixed func name

Author: priscilawebdev

src/components/Spinner/styles.ts

@@ -1,7 +1,7 @@
-import CircularProgress from '@material-ui/core/CircularProgress';
 import styled, { css } from 'react-emotion';
 
 import colors from '../../utils/styles/colors';
+import CircularProgress from '../../muiComponents/CircularProgress';
 
 interface WrapperProps {
   centered: boolean;

src/muiComponents/CircularProgress/CircularProgress.tsx

@@ -0,0 +1,10 @@
+import React, { forwardRef } from 'react';
+import { default as MaterialUICircularProgress, CircularProgressProps } from '@material-ui/core/CircularProgress';
+
+type CircularProgressRef = HTMLDivElement;
+
+const CircularProgress = forwardRef<CircularProgressRef, CircularProgressProps>(function CircularProgress(props, ref) {
+  return <MaterialUICircularProgress {...props} ref={ref} />;
+});
+
+export default CircularProgress;

src/muiComponents/CircularProgress/index.ts

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