[BUG] - Toast issue with autoclose

[wasimakram-mulla]

HeroUI Version

2.7.4

Describe the bug

I am using the toast, and facing with 2 issues

1. Width is taking full width by default of the entire window, It should either have a prefixed width or I should be able to prefix it.
2. I tried timeout and without timeout in both the places like addToast and in toastprovider still my toast is not getting close

Used it like this

addToast({
            title: "Toast Title",
            timeout:1000,
          });

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

Tried both the following approaches

1. Approach 1

        variant="flat"
        onPress={() => {
          addToast({
            title: "Toast Title",
          });
        }}
      >
        Default
      </Button>

2. Another Approach

  useEffect(() => {
    addToast({
      title: "Toast Title",
      variant: "solid",
      color: "success",
    });
  }, []);

Expected behavior

Should have specific width, some default style, and autoclose as shown in the documentation

Screenshots or Videos

Operating System Version

Windows 11

Browser

Chrome

[linear]

ENG-2236 [BUG] - Toast issue with autoclose

[macci001]

Hey, @wasimakram-mulla. Can you please clean-up your caches, node_modules, .next etc and try again once?

[shrimp2t]

I have same issue

[shrimp2t]

It's working ok when you use package "@heroui/toast" instead "@heroui/react"

[wingkwong]

@shrimp2t which version you were using?

[shrimp2t]

@shrimp2t which version you were using?

I using version 2.7.4

[jatin127]

+1 Same issue with version 2.7.4

[wasimakram-mulla]

Hey, @wasimakram-mulla. Can you please clean-up your caches, node_modules, .next etc and try again once?

Yeah I tried that and it still works, and as per the comment by @shrimp2t it works when we use @heroui/toast but I don't want to install the lib just for that.
It should be fixed in the core library of @heroui/react