import axios from "axios";
import React, { useEffect, useState, useRef } from "react";
import { useParams, useSearchParams } from "react-router-dom";
import { API_END_POINT } from "../utils/API";

const RoomPage = () => {
  sessionStorage.setItem("UID", "3");
  const userUid = sessionStorage.getItem("UID");
  const roomId = useParams().roomId;
  const [serchParams, setSerchParams] = useSearchParams();
  const guid = serchParams.get("guid");
  const [role, setRole] = useState(userUid);
  const [roomInfo, setRoomInfo] = useState(null);
  const [loading, setLoading] = useState(false);
  const [error, setError] = useState(null);

  const fetchRoomInfo = async () => {
    try {
      setError(null);
      setLoading(true);
      setRole(userUid);
      setRoomInfo(null);
      await axios.all([axios.get(`${API_END_POINT}/group/${roomId}/${userUid}`), axios.get(`${API_END_POINT}/group/${roomId}/attendance`), axios.get(`${API_END_POINT}/group/${roomId}/count`)]).then(
        axios.spread((response1, response2, response3) => {
          const res1 = response1.data.groupInfo;
          const attendanceState = response1.data.attendanceState;
          const attendanceCode = response2.data;
          const count = response3.data;
          const response = { ...res1, attendanceCode, attendanceState, count };
          setRoomInfo(response);
        })
      );
    } catch (e) {
      console.log(e.message);
      setError(e);
    }
    setLoading(false);
  };

  useEffect(() => {
    fetchRoomInfo();
  }, []);
  if (loading) return
로딩중
;
  if (error) return
에러 발생
;

  // if (roomInfo.leader_uid === role) {
  //   return (
  //    
  //      
  //         {roomInfo.group_title}
  //      
  //      

{roomInfo.group_detail}

  //      

인원 : {roomInfo.count}명

  //      

  //         초대 코드 :{" "}
  //        
  //           {roomInfo.invite_code}
  //        
  //        
  //           초대코드 확인하기
  //        
  //      
  //    
  //   );
  // }
};

export default RoomPage;

주석처리된 리턴부분에서 null에 접근한다고 오류남
콘솔찍어보면 기본값인 null이 몇번찍히고 나서야 roomInfo에 response 가 들어간 로그가 찍힘

그럼 set되기전에 jsx에서 접근 하는거같은데 문제는 다른페이지에서 이거랑 거의 같은 구조로 짤땐 이런문제가 없었음...

대체 머가문제일가요

- dc official App