How can I solve property decorator

@State giving error. error is here. how can I solve this error. I am using typescript 5.4.5 version.

I am using vite-web project. this file in src directory. if you try typescript playgorund no problem. but my vite project giving error

Unable to resolve signature of property decorator when called as an expression.
  The runtime will invoke the decorator with 3 arguments, but the decorator expects 2.ts(1240)
Decorator function return type is 'ClassAccessorDecoratorResult<unknown, unknown>' but is expected to be 'void' or 'any'.ts(1271)

function State<This, Return>(
  target: ClassAccessorDecoratorTarget<This, Return>,
  _context: ClassAccessorDecoratorContext<This, Return>
) {
  const result: ClassAccessorDecoratorResult<This, Return> = {
    get(this: This) {
      return target.get.call(this);
    },
    set(e: any) {
      // console.log(e)
      target.set.call(this, e)
    },
  };

  return result;
}

class GlobalStore {
  constructor() { }

  @State
  accessor username = 'test'

  setUsername(data: string): void {
    this.username = data
  }

  getUsername(): string {
    return this.username
  }
}

tsconfig.json

{
  "compilerOptions": {
    "target": "ES2020",
    "useDefineForClassFields": true,
    "module": "ESNext",
    "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "skipLibCheck": true,

    /* Bundler mode */
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,

    /* Linting */
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true,

    /* Decorators */
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true
  },
  "include": ["src"]
}

you can see here -> https://stackblitz.com/edit/vitejs-vite-haafpu?file=src%2Fstore.ts