Chakra V3's Tabs.Trigger asChild switch breaks React Dom Router

[EyuelDK]

Description

When I use Tabs.Trigger asChild with a React Dom Router Link, it should navigate to the new page once. Instead it navigates twice to that page - the first being similar to navigate functionality of React DOM router, but then it's followed by a browser navigation as if the raw link is manually clicked without using React Dom Router.

Link to Reproduction

https://codesandbox.io/p/devbox/nmz942

Steps to reproduce

1. Run the project via npm run dev
2. Click tab link that says "This link does NOT work"
3. The page will load navigate using React DOM router, then it'll navigate again via browser navigation instead of React DOM router.
   Please see console log to see "Navigated to xxx" message - hence showing the browser navigated instead of React DOM router.

Chakra UI Version

3.1.2

Browser

Google Chrome

Operating System

• macOS
• Windows
• Linux

Additional Information

No response

[segunadebayo]

This issue has been automatically closed due to inactivity. If you believe this closure was in error, please reopen the issue or add a comment. Thanks for your understanding.

Note: This is an automated message.