diff --git a/packages/ui/client/test.ts b/packages/ui/client/test.ts
index e38268090..13815a19c 100644
--- a/packages/ui/client/test.ts
+++ b/packages/ui/client/test.ts
@@ -1,15 +1,16 @@
 import type { ComponentRenderOptions, RenderResult } from 'vitest-browser-vue'
 import { vTooltip } from 'floating-vue'
+import { vi } from 'vitest'
 import {
   render as _render,
 } from 'vitest-browser-vue'
 
 export { page } from 'vitest/browser'
 
-export function render<C>(
+export const render = vi.defineHelper(<C>(
   component: C,
   options?: ComponentRenderOptions<C, any>,
-): PromiseLike<RenderResult<any>> {
+): PromiseLike<RenderResult<any>> => {
   return _render(component, {
     ...options,
     global: {
@@ -18,4 +19,4 @@ export function render<C>(
       },
     },
   })
-}
+})
diff --git a/packages/ui/vitest.config.ts b/packages/ui/vitest.config.ts
index 7a7a6562e..38ba88515 100644
--- a/packages/ui/vitest.config.ts
+++ b/packages/ui/vitest.config.ts
@@ -29,6 +29,7 @@ const testConfig = defineConfig({
     browser: {
       enabled: true,
       traceView: true,
+      headless: true,
       provider:
         providerName === 'preview'
           ? preview()