---
title: "useToast"
description: ""
component: true
---


This hook is used to display and manage toasts. To learn how to make it usable and to see some examples, please check the [Toast component page](/components/toast).

```tsx
import { useToast } from "@medusajs/ui"
```

## API Reference

---

### Call Signature

`useToast()`

### useToast return

<HookValues hook="useToast" />

### ToasterToast

Important type used when pushing or retrieving toasts. This extends the [Radix UI Toast Root](https://www.radix-ui.com/primitives/docs/components/toast#root) primitive type.

<HookValues hook="ToasterToast" />
