|  |  | 
 |  |  |  | 
 |  |  |     useEffect(() => { | 
 |  |  |         const timer = setInterval(() => { | 
 |  |  |             console.log('do'); | 
 |  |  |             // getBoxData().then(res => { | 
 |  |  |             //     setBoxData(res); | 
 |  |  |             // }) | 
 |  |  |             getBoxData().then(res => { | 
 |  |  |                 // res.push({ | 
 |  |  |                 //     locNo: "A100301001", | 
 |  |  |                 //     row: 3, | 
 |  |  |                 //     bay: 1, | 
 |  |  |                 //     lev: 1, | 
 |  |  |                 //     locSts: "STOCK", | 
 |  |  |                 // }) | 
 |  |  |                 // console.log(res); | 
 |  |  |                 setBoxData(res); | 
 |  |  |             }) | 
 |  |  |  | 
 |  |  |             getAgvData().then(res => { | 
 |  |  |                 // console.log(JSON.stringify(res)) | 
 |  |  | 
 |  |  |                 // setAgvData(agvRealData); | 
 |  |  |             } | 
 |  |  |             index++; | 
 |  |  |         }, INTERVAL_TIME * 1.1); | 
 |  |  |         }, INTERVAL_TIME); | 
 |  |  |  | 
 |  |  |         return () => { | 
 |  |  |             clearInterval(timer); | 
 |  |  | 
 |  |  |                 {tunnelEl} | 
 |  |  |                 {areaEl} | 
 |  |  |                 {shelfEl} | 
 |  |  |                 {/* {shelfEl1} */} | 
 |  |  |                 {agvEl} | 
 |  |  |                 {boxEl} | 
 |  |  |             </group> |