[Bug] @rocket.chat/ui-client build fails — GenericMenu typed against wrong Menu API (V1 vs V2) causing TS2590/TS2339 errors

[kushkumarkashyap7280]

GenericMenu — Bug Report

---

The Issue

What Was the Problem?

The @rocket.chat/ui-client package failed to build on the develop branch with 5 TypeScript errors in GenericMenu.tsx.

Root Cause:
GenericMenu was typed against ComponentProps<typeof Menu>, where Menu is the top-level export from @rocket.chat/fuselage. After a fuselage upgrade, the top-level Menu became the options-based (V1) API, which has no onAction or button props. However, the component implementation uses the compound/V2 API (onAction, button, MenuItem, MenuSection), which only exists on MenuV2.

This mismatch caused TypeScript to:

• Produce an unresolvable union type (too complex to represent).
• Reject onAction and button as non-existent props.

screenshot

Errors Reported

src/components/GenericMenu/GenericMenu.tsx:33:24
  error TS2590: Expression produces a union type that is too complex to represent.

src/components/GenericMenu/GenericMenu.tsx:33:56
  error TS2339: Property 'onAction' does not exist on type 'GenericMenuProps'.

src/components/GenericMenu/GenericMenu.tsx:33:82
  error TS2339: Property 'button' does not exist on type 'GenericMenuProps'.

src/components/GenericMenu/GenericMenu.tsx:66:6
  error TS2322: Property 'onAction' does not exist on type '...'. Did you mean 'action'?

src/components/GenericMenu/GenericMenu.tsx:91:6
  error TS2322: Property 'onAction' does not exist on type '...'. Did you mean 'action'?

Affected File

packages/ui-client/src/components/GenericMenu/GenericMenu.tsx

### Detailed

`@rocket.chat/ui-client` fails to build due to TypeScript errors in `GenericMenu.tsx`.
`GenericMenu` is typed against the top-level `Menu` export from `@rocket.chat/fuselage`,
which is now the V1 options-based API and no longer exposes `onAction` or `button`.
The component implementation requires the V2 API (MenuV2).

### Steps to reproduce:

1. Checkout the `develop` branch.
2. Run `yarn build` from the repository root
   (or `yarn workspace @rocket.chat/ui-client build`).
3. Observe TypeScript compilation failure in `GenericMenu.tsx`.

### Expected behavior:

The package compiles successfully with no TypeScript errors.

### Actual behavior:

Build exits with code 2. Five TypeScript errors are thrown:
- TS2590: Expression produces a union type that is too complex to represent.
- TS2339: Property 'onAction' does not exist on type 'GenericMenuProps'.
- TS2339: Property 'button' does not exist on type 'GenericMenuProps'.
- TS2322 (x2): Property 'onAction' does not exist on ... Did you mean 'action'?

### Server Setup Information:
- Version of Rocket.Chat Server: develop
- Operating System: Linux

### Relevant logs:
ERROR: command (/workspaces/Rocket.Chat/packages/ui-client) yarn run build exited (2)
Failed: @rocket.chat/ui-client#build

---

[dougfabris]

Hi there, thanks for the contribution! 🚀 💯

Sorry, this error does not happen on the latest and maintained releases.
It was fixed here: #39169

Rocket.Chat provides support for, at least, 3 months for each release and 6 months for the latest releases of each major version

I would suggest you update your Rocket.Chat version to the latest stable version, which you can find in Releases Page and, check it HERE the table with versions and End of Life dates.

---

Questions? Help needed? Feature Requests?

• Join our Open Server in the #support channel and feel free to raise a question
• Join our Community Forum and search/create a post there

[CodeMatrix1]

Hello dougfabris, I have found a problem where messages of imported slack data don't become visible after being imported, I made a simple fix to it. Hopefully, this is close on your priorities to check if its in your jurisdiction :)
#39257