Home page doesn't render and causes an error when running the dev server

[idoaignostics]

Reproduction Steps

1. Clone the repo
2. Execute yarn install (the README says to use npm but the available yarn.lock file clearly suggests using yarn)
3. Execute yarn dev
4. Open http://localhost:3000 in your browser

Expected Result

The page should load correctly.

Actual Result

The page doesn't load and the following error shows in the terminal:

ido@ido-MacBook-Pro nextjs-cornerstone3d % npm run dev

> nextjs-cornerstone-3d@0.1.0 dev
> next dev

  ▲ Next.js 14.2.4
  - Local:        http://localhost:3000

 ✓ Starting...
 ⚠ Found lockfile missing swc dependencies, patching...
 ✓ Ready in 1681ms
 ⚠ Lockfile was successfully patched, please run "npm install" to ensure @next/swc dependencies are downloaded
 ○ Compiling / ...
 ✓ Compiled / in 4.4s (3346 modules)
 ⨯ TypeError: ep.addEventListener is not a function
    at __webpack_require__ (/Users/ido/WebstormProjects/nextjs-cornerstone3d/.next/server/webpack-runtime.js:33:43)
    at __webpack_require__ (/Users/ido/WebstormProjects/nextjs-cornerstone3d/.next/server/webpack-runtime.js:33:43)
    at eval (./lib/createImageIdsAndCacheMetaData.ts:6:91)
    at (ssr)/./lib/createImageIdsAndCacheMetaData.ts (/Users/ido/WebstormProjects/nextjs-cornerstone3d/.next/server/app/page.js:206:1)
    at __webpack_require__ (/Users/ido/WebstormProjects/nextjs-cornerstone3d/.next/server/webpack-runtime.js:33:43)
    at eval (./app/page.tsx:9:93)
    at (ssr)/./app/page.tsx (/Users/ido/WebstormProjects/nextjs-cornerstone3d/.next/server/app/page.js:195:1)
    at Object.__webpack_require__ [as require] (/Users/ido/WebstormProjects/nextjs-cornerstone3d/.next/server/webpack-runtime.js:33:43)
    at JSON.parse (<anonymous>)
digest: "2987085469"
 GET / 500 in 4703ms
 ✓ Compiled in 244ms (1592 modules)
 ○ Compiling /favicon.ico ...
 ✓ Compiled /favicon.ico in 760ms (1774 modules)
 GET /favicon.ico 200 in 804ms

[imadselka]

i faced same issue here is the fix you can try
i used npm