django + useswr

[peterparker2005]

Hello! I'm using Django + NextJS (dont ask) and some of my components use SWR. I guess SWR sends requests from a client, not my website server. So now if I join my website from my phone on localhost I dont get fetched data, only error. So if someone know, how can I fix it...

  const response = await fetch('http://localhost:8000/api/market/categories');
  const data = await response.json();
  return data;
};

export default function Catalog() {
  const pathname = usePathname();
  const categorySlug = pathname?.replace('/catalog/', '').split('/')[0];
  const subcategorySlug = pathname?.replace('/catalog/', '').split('/')[1];

  const [activeCategorySlug, setActiveCategorySlug] = useState<string | null>(
    null
  );

  const handleCategoryClick = (categorySlug: string) => {
    setActiveCategorySlug((prevCategorySlug) =>
      prevCategorySlug === categorySlug ? null : categorySlug
    );
  };

  React.useEffect(() => {
    setActiveCategorySlug(categorySlug?.toString() || null);
  }, [categorySlug]);

  const { data, error } = useSWR<Category[]>(
    'http://localhost:8000/api/market/categories',
    fetcher
  );

  if (error)
    return (
      <div className="container text-center">
        Если вы видете эту ошибку, сообщите нам
      </div>
    );```

![image](https://github.com/vercel/swr/assets/95047999/6ff7a1a7-2fcd-4b74-9f7f-cb96efe98611)