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

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

▸ **useSubscription**(`props`): [`UseSubscription`](docId\:xx1C66GnKXAyuneMibgIb)

The `useSubscription` hook returns the current loaded subscription and
functions for managing the subscription.

This function has a side effect that will automatically start loading the
subscription, if needed, upon initialization.



```javascript
import { useSubscription } from '@chordcommerce/react-autonomy'

export default () => {
  const { subscription, isFetching } = useSubscription({ subscriptionId: 10000 })

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

  return (
    <p>Your subscription will be renewed on {subscription.actionableDate}</p>
  )
}
```

### Parameters

| Name                   | Type                 | Description                                    |
| ---------------------- | -------------------- | ---------------------------------------------- |
| `props`                | `Object`             |                                                |
| `props.subscriptionId` | `string` \| `number` | The ID of the subscription to load and manage. |

### Returns

[`UseSubscription`](docId\:xx1C66GnKXAyuneMibgIb)

### Defined in

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