refactor code

src/components/anime/AnimeList.jsx

@@ -1,19 +1,15 @@
 import { memo } from 'react';
 import { toast } from 'react-toastify';
 import { useNavigate } from 'react-router-dom';
-import { useQuery } from '@tanstack/react-query';
 import { Swiper, SwiperSlide } from 'swiper/react';
 
-import { getListAnime } from '../../apis/apis';
-
 import AnimeItem from './AnimeItem';
 import AnimeItemSkeleton from './AnimeItemSkeleton';
+import useGetAnimeList from '../../hooks/useGetAnimeList';
 
 const AnimeList = ({ type }) => {
   const navigate = useNavigate();
-  const { data, isError, isLoading } = useQuery(['list-anime', { type }], () =>
-    getListAnime(type),
-  );
+  const { data, isError, isLoading } = useGetAnimeList(type);
 
   if (isError) {
     toast.error('Something went wrong! Please try again!');

src/hooks/useGetAnimeList.jsx

@@ -0,0 +1,10 @@
+import { useQuery } from '@tanstack/react-query';
+
+const useGetAnimeList = (type) => {
+  return useQuery(
+    ['list-anime', { type }],
+    async () => await (await fetch(`https://api.jikan.moe/v4/${type}`)).json(),
+  );
+};
+
+export default useGetAnimeList;

src/hooks/useSearchAnime.jsx

@@ -1,11 +1,9 @@
 import { useInfiniteQuery } from '@tanstack/react-query';
 
-import { search } from '../apis/apis';
-
 const useSearchAnime = (type, query, url) => {
   return useInfiniteQuery(
     ['search', { type, query }],
-    ({ pageParam = url }) => search(pageParam),
+    async ({ pageParam = url }) => (await fetch(pageParam)).json(),
     {
       getNextPageParam: (lastPage, _) =>
         lastPage.pagination.has_next_page