Try submitting any kind of form and click on the Submit button
NOTE: The error will only show if you are in the development environment.
Current vs. Expected behavior
I've recently integrated langchain into my Next.js project following their installation guide. However, it appears that langchain is not yet compatible with Next.js version 14.2.x. It functions seamlessly with Next.js version 14.1.x.
The issue arises with a peculiar error stating that a class component is being rendered in a server component, despite the absence of any class components in my codebase. My project exclusively employs client components, which are rendered within the app directory of the app.
Interestingly, everything works as expected when I build the project and run it using the start command. However, the error consistently manifests when I run the project using dev --turbo, particularly after submitting any form within the project.
For form functionality, I utilize ui/shadcn along with zod and react-hook-forms.
Provide environment information
Operating System:
Platform: win32
Arch: x64
Version: Windows 11 Home Single Language
Binaries:
Node: 20.11.1
npm: N/A
Yarn: N/A
pnpm: N/A
Relevant Packages:
next: 14.1.4
eslint-config-next: 13.0.0
react: 18.3.1
react-dom: 18.3.1
typescript: 5.4.5
Next.js Config:
output: N/A
Which area(s) are affected? (Select all that apply)
Not sure
Which stage(s) are affected? (Select all that apply)
This closed issue has been automatically locked because it had no new activity for 2 weeks. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.
Link to the code that reproduces this issue
https://github.com/metaloozee/quickvid
To Reproduce
pnpm dev
NOTE: The error will only show if you are in the development environment.
Current vs. Expected behavior
I've recently integrated langchain into my Next.js project following their installation guide. However, it appears that langchain is not yet compatible with Next.js version 14.2.x. It functions seamlessly with Next.js version 14.1.x.
The issue arises with a peculiar error stating that a class component is being rendered in a server component, despite the absence of any class components in my codebase. My project exclusively employs client components, which are rendered within the
app
directory of the app.Interestingly, everything works as expected when I build the project and run it using the start command. However, the error consistently manifests when I run the project using dev --turbo, particularly after submitting any form within the project.
For form functionality, I utilize ui/shadcn along with zod and react-hook-forms.
Provide environment information
Which area(s) are affected? (Select all that apply)
Not sure
Which stage(s) are affected? (Select all that apply)
next dev (local)
Additional context
No response