**Problem:** - player-ownership.ts imported drizzle-orm and @/db at top level - When RoomMemoryPairsProvider imported client-safe utilities, Webpack bundled ALL imports including database code - This caused hydration error: "The 'original' argument must be of type Function" - Node.js util.promisify was being called in browser context **Solution:** 1. Created player-ownership.client.ts with ONLY client-safe utilities - No database imports - Safe to import from 'use client' components - Contains: buildPlayerOwnershipFromRoomData(), buildPlayerMetadata(), helper functions 2. Updated player-ownership.ts to re-export client utilities and add server-only functions - Re-exports everything from .client.ts - Adds buildPlayerOwnershipMap() (async, database-backed) - Safe to import from server components/API routes 3. Updated RoomMemoryPairsProvider to import from .client.ts **Result:** - No more hydration errors on /arcade/room - Client bundle doesn't include database code - Server code can still use both client and server utilities 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
29 lines
775 B
JSON
29 lines
775 B
JSON
{
|
|
"extends": "./tsconfig.json",
|
|
"compilerOptions": {
|
|
"module": "commonjs",
|
|
"target": "es2020",
|
|
"outDir": "./dist",
|
|
"rootDir": "./src",
|
|
"noEmit": false,
|
|
"incremental": false,
|
|
"skipLibCheck": true,
|
|
"skipDefaultLibCheck": true,
|
|
"esModuleInterop": true,
|
|
"resolveJsonModule": true,
|
|
"moduleResolution": "node",
|
|
"types": ["node", "react"]
|
|
},
|
|
"include": [
|
|
"src/db/index.ts",
|
|
"src/db/schema.ts",
|
|
"src/db/migrate.ts",
|
|
"src/lib/arcade/**/*.ts",
|
|
"src/app/games/matching/context/types.ts",
|
|
"src/app/games/matching/utils/cardGeneration.ts",
|
|
"src/app/games/matching/utils/matchValidation.ts",
|
|
"src/socket-server.ts"
|
|
],
|
|
"exclude": ["node_modules", "**/*.test.ts", "**/*.test.tsx", "**/*.spec.ts"]
|
|
}
|