酒店预订网站Homescreen.js无法在localhost/home展示房间求助

开发酒店预订网站时，Homescreen.js组件在localhost/home页面无法展示房间列表，已耗时3小时排查仍未找到原因。当前页面仅显示"Error"文本，以下是我的Homescreen.js代码和错误截图，请求技术协助。

代码片段 #

import React ,{useState, useEffect, } from 'react'
import axios from 'axios';


function Homescreen(){

  let [ rooms, setrooms ] = useState([])
  const [loading, setloading] = useState()
  const [error, seterror] = useState()
  useEffect(() => {
    async function getResults() {
      setloading(true)
      const data = (await axios('/api/rooms/getallrooms')).data;
      setrooms(data)
      setloading(false)
      seterror(true)
      setloading(false)
    };
    getResults()
  },[])


  return (
    <div>
        {loading? (<h1>loading...</h1>) :error ? (<h1>Error</h1>) :(rooms.map(room=>{

            return <h1>{room.name}</h1>

        }))}
       
    </div>
  )
}

export default Homescreen

当前页面截图 #

内容的提问来源于stack exchange，提问作者cirzed