RollupError: Unexpected token @. during build while using it with @babel/plugin-proposal-decorators

[Verthon]

Hello

I run into following issue: RollupError: Unexpected token @. Expected identifier, string literal, numeric literal or [ for the computed key when running build with the Vite

Dependencies:

• typescript v5.4.5
• vite v5.2.11
• vite-plugin-babel v1.2.0
• @babel/plugin-proposal-decorators v7.24.1
• vite-tsconfig-paths v4.3.2

Decorator usage:

function log<
	Type,
	Context extends ClassMethodDecoratorContext | ClassFieldDecoratorContext,
	ReturnType
>(message: Type): (_: unknown, context: Context) => ReturnType {
	//@ts-ignore
	return (_, context) => {
		if (context.kind === "method") {
			return () => message;
		}

		return () => () => message;
	};
}

export class Example {
	@log("test")
	public doSomething = () => {
		console.log("test");
	};
}

Reproduction repository: https://github.com/Verthon/babel-plugin-decorators-repro

Current workaround:

we are using @vitejs/plugin-react even we don't use React 😅 but it works

react({
      babel: {
        plugins: [
          ['@babel/plugin-proposal-decorators', { version: '2023-05' }],
        ],
      },
}),