antialias
/
soroban-abacus-flashcards
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): use dynamic import for react-dom/server in API route 

Next.js bundler flags react-dom/server imports even in API routes during static analysis.
Using dynamic import (await import()) ensures it only loads at runtime on the server.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock 2025-11-04 08:54:57 -06:00
parent 5956217979
commit 4f93c7d996
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/web/src/app/api/create/calendar/generate/route.ts
View File

@ -3,7 +3,6 @@ import { writeFileSync, readFileSync, mkdirSync, rmSync } from 'fs'
import { tmpdir } from 'os' import { tmpdir } from 'os'
import { join } from 'path' import { join } from 'path'
import { execSync } from 'child_process' import { execSync } from 'child_process'
import { renderToStaticMarkup } from 'react-dom/server'
import { generateMonthlyTypst, generateDailyTypst, getDaysInMonth } from '../utils/typstGenerator' import { generateMonthlyTypst, generateDailyTypst, getDaysInMonth } from '../utils/typstGenerator'
import type { AbacusConfig } from '@soroban/abacus-react' import type { AbacusConfig } from '@soroban/abacus-react'
import { generateCalendarComposite } from '@/../../scripts/generateCalendarComposite' import { generateCalendarComposite } from '@/../../scripts/generateCalendarComposite'
@ -21,6 +20,9 @@ export async function POST(request: NextRequest) {
let tempDir: string | null = null let tempDir: string | null = null
try { try {
// Dynamic import to avoid Next.js bundler issues with react-dom/server
const { renderToStaticMarkup } = await import('react-dom/server')
const body: CalendarRequest = await request.json() const body: CalendarRequest = await request.json()
const { month, year, format, paperSize, abacusConfig } = body const { month, year, format, paperSize, abacusConfig } = body