@accounter/client/src/router/loaders/business-loader.ts

Accounter client application

import type { LoaderFunctionArgs } from 'react-router-dom';
import { BusinessScreenDocument } from '../../gql/graphql.js';
import { getUrqlClient } from '../../providers/urql.js';
import { validateBusinessParams } from '../types.js';

/**
 * Business loader - prefetches business data before component renders
 * Used by: /businesses/:businessId route
 */
export async function businessLoader({ params }: LoaderFunctionArgs) {
  const { businessId } = validateBusinessParams(params);

  const client = getUrqlClient();
  const result = await client.query(BusinessScreenDocument, { businessId }).toPromise();

  // GraphQL errors are now handled by toast notifications in urql-client
  // Only throw for 404 to show the error boundary
  if (!result.data?.business) {
    throw new Response('Business not found', { status: 404 });
  }

  return result.data;
}