import React from 'react' ; import { makeStyles , MuiThemeProvider , Theme } from '@material-ui/core/styles' ; import CircularProgress from '@material-ui/core/CircularProgress' ; import { themeInstance } from '../theme' ; const useStyles = makeStyles ( ( theme ) => ( { progress : { top : 0 , bottom : 0 , right : 0 , left : 0 , margin : 'auto' , position : 'absolute' , } , } ) ) ; const LoadingComponent = ( ) => { const classes = useStyles ( ) ; return ( < MuiThemeProvider theme = { themeInstance } > < CircularProgress color = "primary" size = { 80 } className = { classes . progress } / > < /MuiThemeProvider>); } ; export default LoadingComponent ;