material ui Загрузка приложения ("страница ожидание загрузки"). Размещение по центру страницы - пример шаблона

Например:

import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import CircularProgress from '@material-ui/core/CircularProgress';
import Grid from '@material-ui/core/Grid';

const useStyles = makeStyles(theme => ({
    progress: {
        margin: theme.spacing(2),
    },
}));

export default function CircularIndeterminate() {
    const classes = useStyles();

    return (


        <Grid
            container
            spacing={0}
            direction="column"
            alignItems="center"
            justify="center"
            style={{ minHeight: '100vh' }}
        >

            <Grid item xs={3}>
                <CircularProgress className={classes.progress} color="secondary" />
              
            </Grid>
            <Grid item xs={3}>
                
                Идет загрузка....
            </Grid>

        </Grid>
  );
}

На базе идеи: https://stackoverflow.com/questions/50766693/how-to-center-a-component-in-material-ui-and-make-it-responsive