Cal.com does not work in Nextjs 15 in the same way it did in Nextjs 14.

[YouJun-IWON]

Link to the code that reproduces this issue

https://github.com/YouJun-IWON/Cal.com-example

To Reproduce

1. upgrade nextjs 14 to nextjs 15 & npm run dev
2. show below error :

⨯ node_modules/@calcom/embed-react/dist/Cal.es.mjs (227:1) @ eval
⨯ TypeError: Cannot read properties of undefined (reading 'ReactCurrentDispatcher')
at webpack_require (/Users/euijunlee/Downloads/manuarora700-startup-landing-simple-aceternity-bb9bd3317b1545f7e03bd427def0312308f5d667/.next/server/webpack-runtime.js:33:42)
at eval (./app/hooks/useCalEmbed.ts:7:77)
at (ssr)/./app/hooks/useCalEmbed.ts (/Users/euijunlee/Downloads/manuarora700-startup-landing-simple-aceternity-bb9bd3317b1545f7e03bd427def0312308f5d667/.next/server/app/_not-found/page.js:108:1)
at webpack_require (/Users/euijunlee/Downloads/manuarora700-startup-landing-simple-aceternity-bb9bd3317b1545f7e03bd427def0312308f5d667/.next/server/webpack-runtime.js:33:42)
at eval (./components/navbar.tsx:20:80)
at (ssr)/./components/navbar.tsx (/Users/euijunlee/Downloads/manuarora700-startup-landing-simple-aceternity-bb9bd3317b1545f7e03bd427def0312308f5d667/.next/server/app/_not-found/page.js:152:1)
at Object.webpack_require [as require] (/Users/euijunlee/Downloads/manuarora700-startup-landing-simple-aceternity-bb9bd3317b1545f7e03bd427def0312308f5d667/.next/server/webpack-runtime.js:33:42)
digest: "1767049925"
225 | }
226 | }

227 | var V = x.ReactCurrentDispatcher, M;
| ^
228 | function W(e, r, t) {
229 | {
230 | if (M === void 0)
GET /why/video/clova.mp4 500 in 100ms

Current vs. Expected behavior

working well in Nextjs14 but now work in nextjs 15

Provide environment information

Operation System : 
Apple M1 Pro
ARM
Version 14.6.1

Node : 20.18.0

{
  "name": "nextjs",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@calcom/embed-react": "^1.5.0",
    "@tabler/icons-react": "^3.12.0",
    "clsx": "^2.1.1",
    "cobe": "^0.6.3",
    "framer-motion": "^11.3.29",
    "lucide-react": "^0.429.0",
    "next": "^15.0.1",
    "next-themes": "^0.3.0",
    "next-view-transitions": "^0.3.0",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "react-icons": "^5.3.0",
    "react-wrap-balancer": "^1.1.1",
    "tailwind-merge": "^2.5.2"
  },
  "devDependencies": {
    "@types/node": "^20",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "eslint": "^8",
    "eslint-config-next": "14.2.5",
    "postcss": "^8",
    "tailwindcss": "^3.4.1",
    "typescript": "^5"
  }
}

Which area(s) are affected? (Select all that apply)

create-next-app, Runtime

Which stage(s) are affected? (Select all that apply)

next dev (local)

Additional context

No response

[samcx]

@YouJun-IWON This looks like an issue with the package @calcom/embed-react not being ready yet with v15 (not there being an issue v15 itself)

• Related: chore: Upgrade to Next 15 calcom/cal.com#17340

[KunalNasa]

Could you please provide any updates on this situation? I am also experiencing similar challenges.

[Belakova]

I'm getting the same issue