Next.js Discord

Discord Forum

Using Ant Design with NextJS

Unanswered
Jack Russell Terrier posted this in #help-forum
Open in Discord
Jack Russell TerrierOP
I followed the "Using App Router" part from the antd docs (https://ant.design/docs/react/use-with-next) to get around this:
Error: Cannot access Option.prototype on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.

but after reloading the page I now get:
Error: Event handlers cannot be passed to Client Component props.
  <... name="basic" labelCol={{...}} wrapperCol=... style=... initialValues=... onFinish={function onFinish} onFinishFailed=... layout=... autoComplete=... children=...>
                                                                                         ^^^^^^^^^^^^^^^^^^^
If you need interactivity, consider converting part of this to a Client Component.

Can someone tell me how to properly integrate/use Ant Design with NextJS?

0 Replies