Const Support = () => { console.log("rerender"); const

Question

Const Support = () => { console.log("rerender"); const

[curentChat, setCurentChat] = useState([]);
const [isOpened, setIsOpened] = useState(false);
const [message, setMessage] = useState("");
const [ip, setIp] = useState("");
useEffect(() => {
async function getIP() {
const ip = await api.getIP();
setIp(ip.ip);
}
getIP();
}, []);
setInterval(async () => {
const chat = await api.getChat(ip);
if (chat.chat.length !== curentChat.length) {
setCurentChat(chat.chat);
}
}, 5000);

имеется вот такой код. почему у меня интервал ускоряется и через пару минут уже шлётся мильён запросов на сервер(const chat = await api.getChat(ip);)

понятно, что компонент ререндерится и всё новые и новые интервалы добавляются, но как мне ререндеринга этого избежать?
полный код - https://pastebin.com/SPZu8GLb