loading.tsx

 1import { Container, Grid } from '@material-ui/core';
 2import * as React from 'react';
 3
 4export const Loading = () => {
 5    return (
 6        <Container>
 7            <Grid
 8                container
 9                style={{
10                    minHeight: '100vh',
11                    alignItems: 'center',
12                    textAlign: 'center',
13                }}
14                justify="center"
15            >
16                <Grid item xs>
17                    <h2>Loading....</h2>
18                </Grid>
19            </Grid>
20        </Container>
21    );
22};