I was trying to fetch some data on my next app I added the below code on my component and got error.
"next": "13.0.6",

    /**
     * FETCH DOWNLOAD LIST
     **/
   useQuery({
       queryKey: ['download-list'],
        queryFn: fetchList
    });

here is the whole code

async function fetchList() {
    try {
        const response = await Api.get(`/downloads`);
        return {
            data: response?.body?.data,
        };
    } catch (err: any) {
        throw new Error(err);
    }
}

 const DownloadDropdown = () => {
    const {t} = useTranslation('header');
    const router = useRouter();
    const currentRoute = router?.asPath.replace('/downloads/', '');
    const pathName = router.pathname;


    /**
     * FETCH DOWNLOAD LIST
     **/
   useQuery({
       queryKey: ['download-list'],
        queryFn: fetchList
    });

    const isTopicsActive =
        /national|provincial|ward|caste-ethnicity|urban-rural|post-enumeration-report-survey|census-in-nepal|household-results/.test(
            pathName,
        );


    const downloadList = [
        {value: 'national', label: 'national report', isActive: currentRoute === 'national'},
        {
            value: 'provincial',
            label: 'provincial/ district/ local report',
            isActive: currentRoute === 'provincial',
        },
        {value: 'ward', label: 'ward report', isActive: currentRoute === 'ward'}
    ];

    function handleRoute(routeUrl: string) {
        if (routeUrl === 'provincial') {
            router.push(`/downloads/${routeUrl}/1`);
        } else {
            router.push(`/downloads/${routeUrl}`);
        }
    }

    return (
        <>
            <DesktopDownload t={t}
                             downloadList={downloadList}
                             isTopicsActive={isTopicsActive}
                             handleRoute={handleRoute}/>

        </>
    );
}
export default  DownloadDropdown