feat: add errorMessage to screenshot api

next.config.mjs

@@ -21,6 +21,9 @@ const nextConfig = {
       }
     ],
   },
+  experimental: {
+    serverComponentsExternalPackages: ['puppeteer-core'],
+  },
   webpack: (config) => {
     config.resolve.alias['@'] = path.resolve(__dirname, 'src')
     config.resolve.alias['public'] = path.resolve(__dirname, 'public')

package.json

@@ -31,7 +31,7 @@
     "next": "14.2.4",
     "next-auth": "^5.0.0-beta.20",
     "prettier-plugin-tailwindcss": "^0.6.5",
-    "puppeteer": "^23.10.4",
+    "puppeteer-core": "^23.11.0",
     "react": "^18",
     "react-device-detect": "^2.2.3",
     "react-dom": "^18",

src/app/board/api/screenshot/route.ts

@@ -1,5 +1,5 @@
 import { NextResponse } from 'next/server'
-import puppeteer from 'puppeteer'
+import puppeteer from 'puppeteer-core'
 
 export async function POST(request: Request) {
   const { boardId, polaroids }: { boardId: string; polaroids: string[] } =
@@ -33,11 +33,7 @@ export async function POST(request: Request) {
     })
   } catch (error) {
     await browser.close()
-    const errorObj = error as Error
 
-    return new NextResponse(`Error taking screenshot: ${errorObj.message}`, {
-      status: 500,
-      statusText: errorObj.message,
-    })
+    return new NextResponse('Error taking screenshot', { status: 500 })
   }
 }