diff --git a/packages/react-docs/pages/components/toast/index.page.mdx b/packages/react-docs/pages/components/toast/index.page.mdx
index 0fb5000127..006542c5e0 100644
--- a/packages/react-docs/pages/components/toast/index.page.mdx
+++ b/packages/react-docs/pages/components/toast/index.page.mdx
@@ -119,10 +119,10 @@ To control the display of toasts, you can pass an array of toast objects to the
 | content | function | A function that renders the toast's content and accepts `{ onClose }` as a parameter to handle closing the toast. |
 | duration | number | (Optional) Defines how long (in milliseconds) the toast should remain visible before automatically dismissing. Use `undefined` to keep the toast visible indefinitely. |
 
-Here is an example:
+Here's an example of the array of toast objects:
 
 ```jsx
-[
+toasts = [
   {
     id: 1000,
     content: ({ onClose }) => (