const Room = ({params}:roomProps) => {
    const {userId}= params
    const [roomId,setRoomId] = useState();
   

    async function getRoomId() {
      const API_BASE_URL =
   process.env.NEXT_PUBLIC_MODE === "production"? "https://blinkchat-nu.vercel.app": "http://localhost:3000";
  
      try {
        const { data } = await axios.get(
          `${API_BASE_URL}/api/roomIdExists/${userId}`
        );
        const value =await data.mssg;
        setRoomId(value);
      
      } catch (error) {
        console.error("Error fetching roomId:", error);
        setRoomId(undefined); // Reset roomId on error
      }
    }
    
    

 
//USING UPSTASH LOCK HERE
   useEffect(() => {
    async function fixRaceCondtion(){ 
      //since two browsers were hitting this api at same time it was causing race condition
  //to prevent that we are using lock system from redis

    const lock = new Lock({
      id:`userId`,
      lease: 2000,
      redis:client,
    });

console.log("console log",lock)

    if(await lock.acquire())
    {
       getRoomId();
       await lock.release()
      }
      else{ 
          console.log("lock not acquired")
      }
  }

  fixRaceCondtion()
    // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [userId]);
    
 

    if (roomId === undefined) {
      return <div>Loading...</div>;
    }