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