reactive in v3-alpha.28 not woking with some components in nextui

[LockSwitchDavis]

import { reactive } from '@legendapp/state/react';
import { Select, SelectItem } from '@nextui-org/react';

const state$ = observable([
  {
    id: 'pm_1',
    type: 'card',
    brand: 'cardA',
  },
  {
    id: 'pm_2',
    type: 'card',
    brand: 'cardB',
  },
]);

const ReactiveSelect = reactive(Select);

const CustomSelector = () => {
  return (
    <ReactiveSelect label="Reactive Select" $items={() => state$.get()}>
       {(method) => {
        return (
          <SelectItem key={method.id} value={method.id} textValue={method.brand}>
            <div className="flex gap-2 items-center">
              {method.brand}
            </div>
          </SelectItem>
        );
      }} 
   </ReactiveSelect>
  )
}

The method param return nothing