test: ✅ use userEvent v14 api instead of v13

src/App.spec.tsx

@@ -1,11 +1,11 @@
 import App from './App'
-import { render, userEvent, screen } from './test/utils'
+import { render, screen } from './test/utils'
 
 describe('app', () => {
   it('should increase count', async () => {
-    render(<App />)
+    const { user } = render(<App />)
 
-    userEvent.click(screen.getByRole('button', { name: /count is 0/i }))
+    user.click(screen.getByRole('button', { name: /count is 0/i }))
 
     await expect(
       screen.findByRole('button', { name: /count is 1/i })

src/test/utils.tsx

@@ -0,0 +1,20 @@
+import { cleanup, render } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+import { afterEach } from 'vitest'
+
+afterEach(() => {
+  cleanup()
+})
+
+const customRender = (ui: React.ReactElement, options = {}) => {
+  return {
+    user: userEvent.setup(),
+    ...render(ui, {
+      wrapper: ({ children }) => children,
+      ...options,
+    }),
+  }
+}
+
+export * from '@testing-library/react'
+export { customRender as render }