안녕하세요. 저는 함수형으로 코드를 짜고 있는데 질문있습니다.

밑 그림과 같이 componentDidMount() 라이프사이클을 대신하여, useEffect() 를 사용하려고하는데 감이 잘 잡히지 않네요...

빈 배열에 chatRooms state값을 넣어서 바뀔때마다 실행되게 해야하나 했더니 chatRoomsRef.on 속성때문에 계속 on 되어서 그런지 계속 무한 루프가 걸려서 과부하가 걸리더라고요..; 그렇게해서 저렇게 빈 속성을 넣게되면은 또 하나의 채팅방만 보이게됩니다 ㅠㅠ , 함수형으로 구현했을때 useEffect에 대해서 어떻게 사용해야 할지 감이 안오네요