sendou.ink/app/hooks/swr.ts

import useSWRImmutable from "swr/immutable";
import type { EventsWithMapPoolsLoaderData } from "~/routes/calendar/map-pool-events";
import type { UsersLoaderData } from "~/routes/users";
import {
  GET_ALL_EVENTS_WITH_MAP_POOLS_ROUTE,
  GET_ALL_USERS_ROUTE,
} from "~/utils/urls";

const fetcher = async (url: string) => {
  const res = await fetch(url);
  return res.json();
};

export function useUsers() {
  const { data, error } = useSWRImmutable<UsersLoaderData>(
    GET_ALL_USERS_ROUTE,
    fetcher
  );

  return {
    users: data?.users,
    isLoading: !error && !data,
    isError: error,
  };
}

export function useAllEventsWithMapPools() {
  const { data, error } = useSWRImmutable<EventsWithMapPoolsLoaderData>(
    GET_ALL_EVENTS_WITH_MAP_POOLS_ROUTE,
    fetcher
  );

  return {
    events: data?.events,
    isLoading: !error && !data,
    isError: error,
  };
}