PrimeReactProvider: Error next14 app router

[nicolasGallegos]

Describe the bug

Reproducer

No response

PrimeReact version

10.0.3

React version

18.x

Language

TypeScript

Build / Runtime

Next.js

Browser(s)

chrome 118

Steps to reproduce the behavior

No response

Expected behavior

No response

[github-actions]

Please fork the CodeSandbox project or Stackblitz project and create a case demonstrating your bug report. This issue will be closed if no activities in 20 days.

[melloware]

@nicolasGallegos I am not seeing this issue?

[nicolasGallegos]

I tried it again but this time with Next 14 and I'm still getting the same result. I'll pass you the repository, maybe I'm doing something wrong. https://github.com/nicolasGallegos/next14-primereact

[melloware]

thanks I see its specifically Next Router related right?

I see others asking here: primefaces/sakai-react#47

[nicolasGallegos]

Yes, it has to do with the app router but it only gives an error when using the PrimeReactProvider, from what I have tested.

[melloware]

What happens if you set ripple:false in the provider same issue?

[hunghvu]

A few minor versions back of the v10 series, I noticed PrimeReactProvider only works under Next use client component, or else, results in hydration issue. That does not seem to be the case anymore.

I suppose we are seeing the same situation here.

[melloware]

Sample has been added" https://github.com/primefaces/primereact-examples/tree/main/nextjs-app-router-styled-tailwind