fix: toast double update bug

.changeset/pink-singers-kneel.md

@@ -0,0 +1,5 @@
+---
+"@chakra-ui/toast": patch
+---
+
+Fix issue where toast double update doesn't work

packages/components/toast/src/toast.utils.ts

@@ -29,10 +29,13 @@ export function findToast(toasts: ToastState, id: ToastId) {
  * Given the toast manager state, finds the position of the toast that
  * matches the `id`
  */
-export const getToastPosition = (toasts: ToastState, id: ToastId) =>
-  Object.values(toasts)
-    .flat()
-    .find((toast) => toast.id === id)?.position
+export function getToastPosition(toasts: ToastState, id: ToastId) {
+  for (const [position, values] of Object.entries(toasts)) {
+    if (findById(values, id)) {
+      return position as ToastPosition
+    }
+  }
+}
 
 /**
  * Given the toast manager state, checks if a specific toast is

packages/components/toast/stories/toast.stories.tsx

@@ -425,3 +425,43 @@ export const ToastWithCustomIcon = () => {
     </ButtonGroup>
   )
 }
+
+export function WithDoubleUpdate() {
+  const toast = useToast()
+  const toastIdRef = React.useRef<ToastId>()
+
+  function updateOne() {
+    if (toastIdRef.current) {
+      toast.update(toastIdRef.current, { description: "1st update" })
+    }
+  }
+
+  function updateTwo() {
+    if (toastIdRef.current) {
+      toast.update(toastIdRef.current, { description: "2nd update" })
+    }
+  }
+
+  function addToast() {
+    toastIdRef.current = toast({
+      position: "bottom-right",
+      description: "some text",
+    })
+  }
+
+  return (
+    <div>
+      <Button onClick={addToast} type="button">
+        Toast
+      </Button>
+
+      <Button onClick={updateOne} type="button" variant="outline">
+        Update last toast
+      </Button>
+
+      <Button onClick={updateTwo} type="button" variant="outline">
+        Update last toast 2
+      </Button>
+    </div>
+  )
+}