[Gaubee]

Problem

首页启动时出现 React hydration 错误：

In HTML, <button> cannot be a descendant of <button>.
This will cause a hydration error.

错误堆栈显示：

Item (render=<button>) > ... > DropdownMenuTrigger > button

Root Cause

当 TokenItem 同时有 onClick（使 Item 渲染为 button）和 menuItems（内部有 DropdownMenuTrigger button）时，会导致 button 嵌套。

这与 PR #210 修复的问题不同：

• fix(token-item): resolve button nesting hydration error #210 修复的是 DropdownMenuTrigger > Button > button 嵌套
• 这次修复的是 Item(button) > DropdownMenuTrigger(button) 嵌套

Solution

当有 menuItems 时，Item 渲染为 <div> 而不是 <button>，点击区域通过内部的 role="button" div 实现：

const hasMenuItems = items.length > 0;
const shouldRenderAsButton = isClickable && !hasMenuItems;

<Item render={shouldRenderAsButton ? <button /> : undefined}>
  {hasMenuItems && isClickable ? (
    <div role="button" tabIndex={0} onClick={onClick}>
      {itemContent}
    </div>
  ) : (
    itemContent
  )}
  {/* DropdownMenuTrigger 在这里，不会嵌套在 button 内 */}
</Item>

Additional Changes

更新 biwmeta API endpoint：

• walletapi.biw-meta.com → walletapi.bfmeta.info

Testing

• E2E 测试通过 (38 passed)
• 无 button 嵌套 hydration 错误