StatusBarItem not showing with reactive-vscode on VSCode 1.100.x (works with native API)

[ramsesgarate]

Hello!

I’m having trouble using reactive-vscode with the latest version of VSCode (1.100.2).
The problem is that the StatusBarItem does not appear when using the reactive API, but it works perfectly when using the native VSCode API.

Steps to reproduce

1. Create a new extension using reactive-vscode (or add it to an existing one).

2. Use the following minimal code in src/extension.ts:

   import { defineExtension, useStatusBarItem } from 'reactive-vscode'
   import { StatusBarAlignment } from 'vscode'
   
   export = defineExtension(() => {
     useStatusBarItem({
       alignment: StatusBarAlignment.Right,
       priority: 100,
       text: "Hola mundo",
       tooltip: "Tooltip de prueba"
     })
     console.log("Extension Activated")
   })

3. Build and run the extension in VSCode 1.100.2 (or Cursor, which is based on VSCode).

4. The extension activates (I see the "Extension Activated" log), but the StatusBarItem does not appear.

5. If I use the native API instead, it works as expected:

   import * as vscode from 'vscode';
   
   export function activate(context: vscode.ExtensionContext) {
     const item = vscode.window.createStatusBarItem(vscode.StatusBarAlignment.Right, 100);
     item.text = "Hola mundo";
     item.tooltip = "Tooltip de prueba";
     item.show();
     context.subscriptions.push(item);
     console.log("Extension Activated");
   }

Additional info

• VSCode version: 1.100.2
• reactive-vscode version: ^0.2.19
• Node version: 22.16.0
• No errors are shown in the console, the extension just doesn't display the StatusBarItem.
• The same happens in Cursor.
• The extension is activated correctly.

Expected behavior

The StatusBarItem should appear in the status bar when using the reactive API, just like with the native API.