|  |  | 
 |  |  | import React, { useState, useRef, useEffect, useMemo } from "react"; | 
 |  |  | import Player from "../../map/player"; | 
 |  |  |  | 
 |  |  | let player; | 
 |  |  | import { useNavigate } from 'react-router-dom'; | 
 |  |  | import { Title, useAuthProvider } from 'react-admin'; | 
 |  |  | import MapPage from "../../map/MapPage"; | 
 |  |  |  | 
 |  |  | const Dashboard = () => { | 
 |  |  |     const mapRef = React.useRef(); | 
 |  |  |  | 
 |  |  |     const authProvider = useAuthProvider(); | 
 |  |  |     const navigate = useNavigate(); | 
 |  |  |  | 
 |  |  |     useEffect(() => { | 
 |  |  |         player = new Player(mapRef.current) | 
 |  |  |     }, []) | 
 |  |  |         authProvider.checkAuth().catch(() => { | 
 |  |  |             navigate('/login'); | 
 |  |  |         }); | 
 |  |  |     }, [authProvider, navigate]); | 
 |  |  |  | 
 |  |  |     return ( | 
 |  |  |         <> | 
 |  |  |             <h1>Hello World</h1> | 
 |  |  |             <div ref={mapRef} ></div> | 
 |  |  |             <MapPage /> | 
 |  |  |         </> | 
 |  |  |     ) | 
 |  |  | } |