Functions
Function: useSubscriptions

﻿react-autonomy﻿.useSubscriptions
▸ useSubscriptions(): UseSubscriptions﻿﻿
The useSubscriptions hook returns an object representing the current user's
subscriptions.
This hook has a side effect that will load all the user's subscriptions upon
calling it, if not already loaded.
﻿
JS
import { useSubscriptions } from '@chordcommerce/react-autonomy'

const SubscriptionsPage = () => {
  const { subscriptions, isLoaded, isFetching, error } = useSubscriptions()

  if (isFetching) {
    return <p>Loading…</p>
  }

  return (
    <dl>
      {subscriptions.map(subscription => (
        <React.Fragment key={subscription.id}>
          <dt>Subscription #{subscription.id}</dt>
          <dd>
            Renews every {subscription.intervalLength} {subscription.intervalUnit}
            <br />
            (Items: {subscription.lineItems.map(li => li.sku).join(', ')})
          </dd>
        </React.Fragment>
      )}
    </dl>
  )
}
import { useSubscriptions } from '@chordcommerce/react-autonomy'

const SubscriptionsPage = () => {
  const { subscriptions, isLoaded, isFetching, error } = useSubscriptions()

  if (isFetching) {
    return <p>Loading…</p>
  }

  return (
    <dl>
      {subscriptions.map(subscription => (
        <React.Fragment key={subscription.id}>
          <dt>Subscription #{subscription.id}</dt>
          <dd>
            Renews every {subscription.intervalLength} {subscription.intervalUnit}
            <br />
            (Items: {subscription.lineItems.map(li => li.sku).join(', ')})
          </dd>
        </React.Fragment>
      )}
    </dl>
  )
}
﻿
Returns
﻿UseSubscriptions﻿﻿
Defined in
﻿packages/react-autonomy/src/hooks/use-subscriptions.ts:46﻿
Updated 25 Mar 2024
Function: useSubscription
Function: useUser