woographqlhooksreact hooksuseCountriesuseFetchProductclient components

Hooks

Custom React hooks generated by @woographql/next for countries and product fetching

AxisTaylor, LLC

1 min read

Loading…

Hooks

@woographql/next generates custom React hooks for common data-fetching patterns. These hooks use the internal apiCall utility to communicate with the Next.js API routes.

Available Hooks

Hook	Purpose	Location
useCountries	Fetch allowed countries and states for address forms	`hooks/useCountries/`
useFetchProduct	Fetch a product and optional variation by database ID	`hooks/useFetchProduct/`

Common Patterns

Both hooks share these patterns:

API route communication - Use apiCall to call Next.js API routes rather than querying GraphQL directly from the browser
Caching - Pass next.revalidate options to leverage Next.js fetch caching
Unit tested - Each hook includes a Jest spec that mocks apiCall

Dependencies

Both hooks depend on:

@woographql/session-utils - Provides time constants (DAY_IN_SECONDS)
@utils/apiCall - Internal fetch wrapper for API route communication
Generated GraphQL types from graphql/generated

Loading…