I am getting Uncaught (in promise) AxiosError while rendering a react component from backend

Uncaught (in promise) AxiosError {message: 'Request aborted', name: 'AxiosError', code: 'ECONNABORTED', config: {…}, request: XMLHttpRequest}

import React, { useEffect, useState } from 'react';
import axios from 'axios';
const ChatPage = () => {
    const [chats, setchats] = useState([]);
    const fetchChats = async () => {
        const {data} = await axios.get('/api/chat');
        setchats(data); 
    };
    useEffect(() => {
      
     fetchChats();
      
    }, []);
    
  return 
    (<div>{chats.map((chat) => (<div>{chat.chatName}</div>))}</div>);
  
}

export default ChatPage