chore: upgrade Effect and Vitest

- Upgrade Effect packages to rc.110 and Vitest tooling to 4.1.10
- Update browser tests and Playwright providers for Vitest 4

Author: markflorkowski

examples/backend-adapters/server/package.json

@@ -13,14 +13,14 @@
     "dev:effect": "NODE_ENV=development PORT=3003 tsx watch src/effect-platform.ts"
   },
   "dependencies": {
-    "@effect/platform-node": "4.0.0-beta.93",
+    "@effect/platform-node": "4.0.0-rc.110",
     "@elysiajs/cors": "^1.2.0",
     "@fastify/cors": "^10.0.1",
     "@hono/node-server": "^1.13.7",
     "@sinclair/typebox": "^0.34.13",
     "cors": "^2.8.5",
     "dotenv": "^16.4.5",
-    "effect": "4.0.0-beta.93",
+    "effect": "4.0.0-rc.110",
     "elysia": "^1.2.9",
     "express": "^5.0.1",
     "fastify": "^5.2.0",

packages/nuxt/package.json

@@ -47,7 +47,7 @@
     "nuxt": "^3.15.0",
     "uploadthing": "workspace:*",
     "vite": "^6.3.4",
-    "vitest": "3.2.4"
+    "vitest": "4.1.10"
   },
   "peerDependencies": {
     "uploadthing": "^7.2.0"

packages/react/package.json

@@ -84,8 +84,9 @@
     "@uploadthing/eslint-config": "workspace:*",
     "@uploadthing/tsconfig": "workspace:*",
     "@uploadthing/vitest-config": "workspace:*",
-    "@vitest/browser": "3.2.4",
-    "@vitest/coverage-istanbul": "3.2.4",
+    "@vitest/browser": "4.1.10",
+    "@vitest/browser-playwright": "4.1.10",
+    "@vitest/coverage-istanbul": "4.1.10",
     "concurrently": "^9.1.2",
     "eslint": "9.25.1",
     "msw": "2.7.5",
@@ -96,8 +97,8 @@
     "tsdown": "0.14.1",
     "typescript": "5.8.3",
     "uploadthing": "workspace:*",
-    "vitest": "3.2.4",
-    "vitest-browser-react": "0.3.0",
+    "vitest": "4.1.10",
+    "vitest-browser-react": "2.2.0",
     "wait-on": "^8.0.1",
     "zod": "^3.24.1"
   }

packages/react/test/upload-button.browser.test.tsx

@@ -1,8 +1,8 @@
-import { page, userEvent } from "@vitest/browser/context";
 import { http, HttpResponse } from "msw";
 import { setupWorker } from "msw/browser";
 import { afterAll, beforeAll, describe, expect, it, vi } from "vitest";
 import { render } from "vitest-browser-react";
+import { page, userEvent } from "vitest/browser";
 
 import {
   createRouteHandler,
@@ -86,7 +86,7 @@ afterAll(() => worker.stop());
 
 describe("UploadButton - basic", () => {
   it("fetches and displays route config", async () => {
-    const utils = render(<UploadButton endpoint="image" />);
+    const utils = await render(<UploadButton endpoint="image" />);
     const label = utils.container.querySelector("label");
 
     if (!label) throw new Error("No label found");
@@ -106,7 +106,7 @@ describe("UploadButton - basic", () => {
   });
 
   it("fetches and displays route config (with callback endpoint arg)", async () => {
-    const utils = render(
+    const utils = await render(
       <UploadButton endpoint={(routeRegistry) => routeRegistry.image} />,
     );
     const label = utils.container.querySelector("label");
@@ -128,7 +128,7 @@ describe("UploadButton - basic", () => {
   });
 
   it("shows plural when maxFileCount is > 1", async () => {
-    const utils = render(<UploadButton endpoint="multi" />);
+    const utils = await render(<UploadButton endpoint="multi" />);
     const label = utils.container.querySelector("label");
 
     if (!label) throw new Error("No label found");
@@ -146,15 +146,15 @@ describe("UploadButton - basic", () => {
   it("picks up route config from global and skips fetch", async () => {
     (window as any).__UPLOADTHING = extractRouterConfig(testRouter);
 
-    render(<UploadButton endpoint="image" />);
+    await render(<UploadButton endpoint="image" />);
     await expect.element(page.getByText("Image (4MB)")).toBeVisible();
     expect(utGet).not.toHaveBeenCalled();
 
     delete (window as any).__UPLOADTHING;
   });
 
   it("requests URLs when a file is selected", async () => {
-    const utils = render(<UploadButton endpoint="image" />);
+    const utils = await render(<UploadButton endpoint="image" />);
     const label = utils.container.querySelector("label");
     await vi.waitFor(() =>
       expect(label).toHaveAttribute("data-state", "ready"),
@@ -171,7 +171,7 @@ describe("UploadButton - basic", () => {
               {
                 name: "foo.txt",
                 type: "text/plain",
-                size: 18,
+                size: 3,
                 lastModified: expect.any(Number),
               },
             ],
@@ -182,7 +182,7 @@ describe("UploadButton - basic", () => {
   });
 
   it("manual mode requires extra click", async () => {
-    const utils = render(
+    const utils = await render(
       <UploadButton endpoint="image" config={{ mode: "manual" }} />,
     );
     const label = utils.container.querySelector("label");
@@ -209,7 +209,7 @@ describe("UploadButton - basic", () => {
 
   // https://discord.com/channels/966627436387266600/1102510616326967306/1267098160468197409
   it.skip("disabled", async () => {
-    const utils = render(<UploadButton endpoint="image" disabled />);
+    const utils = await render(<UploadButton endpoint="image" disabled />);
     const label = utils.container.querySelector("label");
     await vi.waitFor(() => expect(label).toHaveTextContent("Choose File"));
     expect(label).toHaveAttribute("disabled");
@@ -218,7 +218,7 @@ describe("UploadButton - basic", () => {
 
 describe("UploadButton - lifecycle hooks", () => {
   it("onBeforeUploadBegin alters the requested files", async () => {
-    const utils = render(
+    const utils = await render(
       <UploadButton
         endpoint="image"
         onBeforeUploadBegin={() => {
@@ -245,7 +245,7 @@ describe("UploadButton - lifecycle hooks", () => {
 
   it("onUploadBegin runs before uploading", async () => {
     const onUploadBegin = vi.fn();
-    const utils = render(
+    const utils = await render(
       <UploadButton endpoint="multi" onUploadBegin={onUploadBegin} />,
     );
 
@@ -265,7 +265,7 @@ describe("UploadButton - lifecycle hooks", () => {
 
 describe("UploadButton - Theming", () => {
   it("renders custom styles", async () => {
-    render(
+    await render(
       <UploadButton
         endpoint="image"
         appearance={{
@@ -284,7 +284,7 @@ describe("UploadButton - Theming", () => {
 
 describe("UploadButton - Content Customization", () => {
   it("renders custom content", async () => {
-    render(
+    await render(
       <UploadButton
         endpoint="image"
         content={{

packages/react/test/upload-dropzone.browser.test.tsx

@@ -1,8 +1,8 @@
-import { page } from "@vitest/browser/context";
 import { http, HttpResponse } from "msw";
 import { setupWorker } from "msw/browser";
 import { afterAll, beforeAll, describe, expect, it, vi } from "vitest";
 import { render } from "vitest-browser-react";
+import { page } from "vitest/browser";
 
 import { createRouteHandler, createUploadthing } from "uploadthing/server";
 
@@ -53,7 +53,7 @@ afterAll(() => worker.stop());
 
 describe("UploadDropzone - basic", () => {
   it("fetches and displays route config", async () => {
-    const utils = render(<UploadDropzone endpoint="image" />);
+    const utils = await render(<UploadDropzone endpoint="image" />);
     const label = utils.container.querySelector("label");
 
     if (!label) throw new Error("No label found");
@@ -73,7 +73,7 @@ describe("UploadDropzone - basic", () => {
   });
 
   it("shows plural when maxFileCount is > 1", async () => {
-    const utils = render(<UploadDropzone endpoint="multi" />);
+    const utils = await render(<UploadDropzone endpoint="multi" />);
     const label = utils.container.querySelector("label");
 
     if (!label) throw new Error("No label found");

packages/react/vitest.config.ts

@@ -1,3 +1,4 @@
+import { playwright } from "@vitest/browser-playwright";
 import { defineConfig, mergeConfig } from "vitest/config";
 
 import { baseConfig } from "@uploadthing/vitest-config/base";
@@ -9,7 +10,7 @@ export default mergeConfig(
       name: "browser",
       browser: {
         instances: [{ browser: "chromium" }],
-        provider: "playwright",
+        provider: playwright(),
         enabled: true,
       },
     },

packages/shared/package.json

@@ -42,22 +42,22 @@
   },
   "dependencies": {
     "@uploadthing/mime-types": "workspace:*",
-    "effect": "4.0.0-beta.93",
+    "effect": "4.0.0-rc.110",
     "sqids": "^0.3.0"
   },
   "devDependencies": {
-    "@effect/vitest": "4.0.0-beta.93",
+    "@effect/vitest": "4.0.0-rc.110",
     "@types/react": "19.2.7",
     "@uploadthing/eslint-config": "workspace:",
     "@uploadthing/tsconfig": "workspace:",
     "@uploadthing/vitest-config": "workspace:",
-    "@vitest/coverage-istanbul": "3.2.4",
+    "@vitest/coverage-istanbul": "4.1.10",
     "eslint": "9.25.1",
     "react": "19.2.2",
     "solid-js": "^1.9.3",
     "tsdown": "0.14.1",
     "typescript": "5.8.3",
-    "vitest": "3.2.4",
+    "vitest": "4.1.10",
     "vue": "^3.4.21",
     "wait-on": "^8.0.1"
   }

packages/uploadthing/package.json

@@ -162,10 +162,10 @@
     "@standard-schema/spec": "1.0.0-beta.4",
     "@uploadthing/mime-types": "workspace:*",
     "@uploadthing/shared": "workspace:*",
-    "effect": "4.0.0-beta.93"
+    "effect": "4.0.0-rc.110"
   },
   "devDependencies": {
-    "@effect/vitest": "4.0.0-beta.93",
+    "@effect/vitest": "4.0.0-rc.110",
     "@remix-run/server-runtime": "^2.12.0",
     "@types/body-parser": "^1.19.5",
     "@types/express": "^5.0.0",
@@ -174,7 +174,8 @@
     "@uploadthing/eslint-config": "workspace:*",
     "@uploadthing/tsconfig": "workspace:*",
     "@uploadthing/vitest-config": "workspace:*",
-    "@vitest/coverage-istanbul": "3.2.4",
+    "@vitest/browser-playwright": "4.1.10",
+    "@vitest/coverage-istanbul": "4.1.10",
     "body-parser": "^1.20.2",
     "eslint": "9.25.1",
     "express": "^5.0.1",
@@ -187,7 +188,7 @@
     "tsdown": "0.14.1",
     "typescript": "5.8.3",
     "valibot": "1.0.0-beta.9",
-    "vitest": "3.2.4",
+    "vitest": "4.1.10",
     "vue": "^3.4.21",
     "wait-on": "^8.0.1",
     "zod": "^3.24.1"

packages/uploadthing/test/node/request-handler.test.ts

@@ -113,9 +113,7 @@ describe("errors for invalid request input", () => {
     expect(res.status).toBe(400);
     await expect(res.json()).resolves.toEqual({
       message: "Invalid input",
-      cause: expect.stringContaining(
-        'Expected "upload" | undefined, got "invalid"',
-      ),
+      cause: expect.stringContaining('Expected "upload" | undefined'),
     });
   });
 });

packages/uploadthing/vitest.config.ts

@@ -1,15 +1,21 @@
-import { defaultExclude, defineConfig, mergeConfig } from "vitest/config";
+import { playwright } from "@vitest/browser-playwright";
+import {
+  defaultExclude,
+  defineConfig,
+  defineProject,
+  mergeConfig,
+} from "vitest/config";
 
 import { baseConfig } from "@uploadthing/vitest-config/base";
 
 export default mergeConfig(
   baseConfig,
   defineConfig({
     test: {
-      workspace: [
+      projects: [
         mergeConfig(
           baseConfig,
-          defineConfig({
+          defineProject({
             test: {
               include: ["test/node/**/*.test.{ts,tsx}"],
               exclude: [...defaultExclude, "test/browser/**"],
@@ -20,14 +26,14 @@ export default mergeConfig(
         ),
         mergeConfig(
           baseConfig,
-          defineConfig({
+          defineProject({
             test: {
               include: ["test/browser/**/*.test.{ts,tsx}"],
               exclude: [...defaultExclude, "test/node/**"],
               name: "browser",
               browser: {
                 instances: [{ browser: "chromium" }],
-                provider: "playwright",
+                provider: playwright(),
                 enabled: true,
               },
             },