Next-15 installation error

[anthonybench]

Installing fails on next-15, and suggests either --force or --legacy-peer-deps flags to install.

Specifically, my versions are:

    "next": "15.0.3",
    "react": "19.0.0-rc-66855b96-20241106",
    "react-countdown": "^2.3.6",
    "react-dom": "19.0.0-rc-66855b96-20241106"

I tried --legacy-peer-deps, perhaps that's my mistake, but I see the following error:

Server Error

TypeError: Super expression must either be null or a function

This error happened while generating the page. Any console logs will be displayed in the terminal window.
Call Stack
_inherits
node_modules/react-countdown/dist/index.es.js (28:1)
eval
node_modules/react-countdown/dist/index.es.js (216:1)
eval
node_modules/react-countdown/dist/index.es.js (285:3)

[MRingive]

Adding 'use client' to the component fixed this for me - see https://nextjs.org/docs/app/api-reference/directives/use-client

[jecsham]

Since Nextjs 15 is using react "19.0.0-rc-66855b96-20241106" which is not a production version yet, you may need to run npm install with --force flag and it should work with no issues.

If you deploy in Vercel, make sure to modify the install command to npm install --force as well.

[ndresx]

Hi, maybe it's too late for this already, but would this help? https://github.com/ndresx/react-countdown?tab=readme-ov-file#why-do-i-get-this-error-warning-text-content-did-not-match

[anthonybench]

Hi, maybe it's too late for this already, but would this help? https://github.com/ndresx/react-countdown?tab=readme-ov-file#why-do-i-get-this-error-warning-text-content-did-not-match

That wasn't my issue, I see that commonly but assume it's just because it's a server-side timer that that's sending the render to the client, and there's some expected latency, thus they'll never perfectly match.

[anthonybench]

@MRingive and @jecsham both gave working solutions to this issue, thanks! closing.