---
title: Function: useSubscriptions
slug: chord-ui/function-usesubscriptions
docTags: 
createdAt: 2023-11-06T15:03:31.904Z
---

[react-autonomy](docId\:zoZ6W56ubpPACr0PO0GLS).useSubscriptions

▸ **useSubscriptions**(): [`UseSubscriptions`](docId\:HuDBcIlvK4YbTXGLJ7ngf)

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.



```javascript
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`](docId\:HuDBcIlvK4YbTXGLJ7ngf)

### Defined in

[packages/react-autonomy/src/hooks/use-subscriptions.ts:46](https://github.com/chordcommerce/chord-ui/blob/2b105e1/packages/react-autonomy/src/hooks/use-subscriptions.ts#L46)