1import {CircularProgress} from '@mui/material';
 2import dynamic from 'next/dynamic';
 3import MapWrapper from './MapWrapper';
 4
 5const ClientMap = dynamic(() => import('./Map'), {
 6  ssr: false,
 7  loading: () => (
 8    <MapWrapper>
 9      <CircularProgress
10        sx={{position: 'absolute', margin: '0 auto', top: '50%'}}
11      />
12    </MapWrapper>
13  ),
14});
15
16export default ClientMap;