diff --git a/site/pages/docs/toast-bar.mdx b/site/pages/docs/toast-bar.mdx
index 599c46a..9974066 100644
--- a/site/pages/docs/toast-bar.mdx
+++ b/site/pages/docs/toast-bar.mdx
@@ -30,7 +30,7 @@ You can add a **render function to the ToastBar to modify its content**. An obje
 In this example we add a basic dismiss button to all toasts, except if the loading one.
 
 ```jsx
-import { Toaster, ToastBar } from 'react-hot-toast';
+import { toast, Toaster, ToastBar } from 'react-hot-toast';
 
 <Toaster>
   {(t) => (