[BUG] - V3 calling AlertDialog inside Table.Cell (next.js)

[Borales]

HeroUI Version

3.0.1

Describe the bug

When using an AlertDialog inside a Table.Cell causes a problem, when you need to click a trigger button 2 times before you see the dialog itself. It only happens one time after the page is loaded. Then calling the dialog works every time.

Your Example Website or App

https://hero-ui-v3-alert-bug.vercel.app/

Steps to Reproduce the Bug or Issue

1. Clean Next.js starter template with tailwind.
2. Install HeroUI v3 - clean installation
3. Combine snippets from Table with AlertDialog pages inside a Table.Cell.
4. Reload the page
5. Call the dialog - nothing happens after the first click
6. Call it again - the dialog appears
7. Every consecutive call every time after this

https://github.com/Borales/hero-ui-v3-alert-bug/blob/main/src/app/page.tsx#L6

Expected behavior

As a user, I want to see a dialog after one click.

Screenshots or Videos

No response

Operating System Version

MacOS

Browser

Chrome