fix: tests and lint

Author: roerohan

README.md

@@ -91,13 +91,15 @@ This project includes two GitHub Actions workflows:
 ### PR Checks (`.github/workflows/pr-checks.yml`)
 
 Runs automatically on pull requests to `main`:
+
 - **Lint** - Checks code style and formatting (`pnpm lint`)
 - **Test** - Runs all tests (`pnpm test`)
 - **Type Check** - Validates TypeScript types for both packages
 
 ### Deploy (`.github/workflows/deploy.yml`)
 
 Runs automatically on push to `main`:
+
 - **Deploy Worker** - Deploys backend worker to Cloudflare
 - **Deploy Web** - Deploys frontend worker to Cloudflare (after worker deploys)
 

packages/web/src/routes/demo/start.ssr.spa-mode.tsx

@@ -8,7 +8,7 @@ export const Route = createFileRoute('/demo/start/ssr/spa-mode')({
 });
 
 function RouteComponent() {
-	const [punkSongs, setPunkSongs] = useState<Awaited<ReturnType<typeof getPunkSongs>>>([]);
+	const [punkSongs, setPunkSongs] = useState<Awaited<ReturnType<typeof getPunkSongs>> | []>([]);
 
 	useEffect(() => {
 		getPunkSongs().then(setPunkSongs);

packages/web/vitest.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from 'vitest/config';
+import tsconfigPaths from 'vite-tsconfig-paths';
+
+export default defineConfig({
+	plugins: [tsconfigPaths()],
+	test: {
+		environment: 'jsdom',
+	},
+});