Fixed issues:

TanStack Router Dev Tools were appearing in production
zod was not in the evalite-ui package.json

Author: mattpocock

apps/evalite-ui/app/routes/__root.tsx

@@ -1,19 +1,21 @@
-import {
-  createRootRouteWithContext,
-  Link,
-  Outlet,
-} from "@tanstack/react-router";
 import {
   type QueryClient,
-  useSuspenseQueries,
   queryOptions,
-  useSuspenseQuery,
   useQueryClient,
+  useSuspenseQueries,
+  useSuspenseQuery,
 } from "@tanstack/react-query";
-import { TanStackRouterDevtools } from "@tanstack/router-devtools";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import {
+  createRootRouteWithContext,
+  Link,
+  Outlet,
+} from "@tanstack/react-router";
 
-import { useSubscribeToSocket } from "~/data/use-subscribe-to-socket";
+import type { Db } from "@evalite/core/db";
+import { lazy } from "react";
+import Logo from "~/components/logo";
+import { getScoreState, Score, type ScoreState } from "~/components/score";
 import {
   Sidebar,
   SidebarContent,
@@ -24,15 +26,22 @@ import {
   SidebarMenuItem,
   SidebarProvider,
 } from "~/components/ui/sidebar";
-import { getScoreState, Score, type ScoreState } from "~/components/score";
-import "../tailwind.css";
-import Logo from "~/components/logo";
-import type { Db } from "@evalite/core/db";
 import {
   getMenuItemsQueryOptions,
   getServerStateQueryOptions,
 } from "~/data/queries";
+import { useSubscribeToSocket } from "~/data/use-subscribe-to-socket";
 import { useServerStateUtils } from "~/hooks/use-server-state-utils";
+import "../tailwind.css";
+
+const TanStackRouterDevtools =
+  process.env.NODE_ENV === "production"
+    ? () => null
+    : lazy(() =>
+        import("@tanstack/router-devtools").then((res) => ({
+          default: res.TanStackRouterDevtools,
+        }))
+      );
 
 const getMenuItemsWithSelect = queryOptions({
   ...getMenuItemsQueryOptions,

apps/evalite-ui/package.json

@@ -37,7 +37,8 @@
     "react-markdown": "^9.0.1",
     "recharts": "^2.14.1",
     "tailwind-merge": "^2.5.5",
-    "tailwindcss-animate": "^1.0.7"
+    "tailwindcss-animate": "^1.0.7",
+    "zod": "^3.23.8"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.15",

package.json

@@ -15,7 +15,7 @@
     "ci": "turbo build test lint after-build",
     "build": "turbo build after-build",
     "release": "pnpm run build && changeset publish",
-    "test-example": "cd packages/example && evalite watch",
+    "test-example": "cd packages/example && pnpm evalite watch",
     "prepare": "husky"
   },
   "keywords": [],

pnpm-lock.yaml

@@ -23,7 +23,7 @@
     },
     "build": {
       "dependsOn": ["^build"],
-      "outputs": ["dist", "*.tsbuildinfo", ".next", "build"],
+      "outputs": ["dist", "*.tsbuildinfo", ".next"],
       "cache": true
     },
     "after-build": {