|  |  | 
 |  |  | import React, { useState, useRef, useEffect, useMemo } from "react"; | 
 |  |  | import { | 
 |  |  |     useCheckAuth, | 
 |  |  |     useTranslate, | 
 |  |  | } from "react-admin"; | 
 |  |  | import { useNavigate } from 'react-router-dom'; | 
 |  |  | import { Title, useAuthProvider } from 'react-admin'; | 
 |  |  | import MapPage from "../../map/MapPage"; | 
 |  |  |  | 
 |  |  | const Dashboard = () => { | 
 |  |  |     const translate = useTranslate(); | 
 |  |  |     const authProvider = useAuthProvider(); | 
 |  |  |     const navigate = useNavigate(); | 
 |  |  |  | 
 |  |  |     useEffect(() => { | 
 |  |  |         authProvider.checkAuth().catch(() => { | 
 |  |  |             navigate('/login'); | 
 |  |  |         }); | 
 |  |  |     }, [authProvider, navigate]); | 
 |  |  |  | 
 |  |  |     return ( | 
 |  |  |         <> | 
 |  |  |             <h1>{translate('hello')}</h1> | 
 |  |  |             <MapPage /> | 
 |  |  |         </> | 
 |  |  |     ) | 
 |  |  | } |