def hi():
  return "hi"

export hi from ./hi
export const func(){
  return <div>{hi.something}</div>

"use client";

import { getInfo } from "@/components/fetch";

function Page() {
  const { data, isLoading, isError } = getInfo();
  console.log(data);
  if (isLoading) {
    return <p>Loading...</p>;
  }

  if (isError) {
    return <p>Error: {isError.message}</p>;
  }
  if (!data) {
    return <p>No data available</p>;
  }
  return <div>{data.map((bop:any)=>(
    <div>{bop.id}</div>
  ))}</div>;
}

import useSWR from "swr";

const fetcher = (url: any) => fetch(url).then((r) => r.json());

export function getInfo() {
  const { data, error, isLoading } = useSWR(
    "http://localhost:8000/api/users",
    fetcher
  );

  return {
    data,
    isError: error,
    isLoading,
  };
}