@shopify/shop-minis-react/src/hooks/content/useContent.ts

React component library for Shopify Shop Minis with Tailwind CSS v4 support (source-only, requires TypeScript)

import {useShopActionQuery} from '../../internal/reactQuery'
import {useShopActions} from '../../internal/useShopActions'
import {
  Content,
  ContentIdentifierInput,
  DataHookOptionsBase,
  DataHookReturnsBase,
} from '../../types'

export interface UseContentParams extends DataHookOptionsBase {
  /**
   * The identifiers of the content to fetch.
   */
  identifiers: ContentIdentifierInput | ContentIdentifierInput[]
}

interface UseContentReturns extends DataHookReturnsBase {
  /**
   * The content returned from the query.
   */
  content: Content[] | null
}

export const useContent = (params: UseContentParams): UseContentReturns => {
  const {getContent} = useShopActions()
  const {identifiers, skip = false, ...restParams} = params

  const {data, ...rest} = useShopActionQuery(
    ['content', identifiers, restParams],
    getContent,
    {identifiers, ...restParams},
    {skip}
  )

  return {
    ...rest,
    content: data,
  }
}