Repository navigation
reactRender is not a function when using Antd with NextJS App Router #606
Description
I'm initializing a NextJS AppRouter project with Antd. I've been looking for a solution but can't find it, can anyone help me, pls.
-
Here are project dependencies:
-
src/app/layout.tsx
-
src/app/page.tsx
It works until I click the button, console.log() ran but with errors
Activity
Patrick7241 commentedon Dec 17, 2024
it's confused me,too
prakashk-mallow commentedon Dec 18, 2024
I am also facing the same issue, but I downgraded the Next.js version to 14.2.20 to investigate further. The exact issue is detailed below.
Patrick7241 commentedon Dec 18, 2024
I have downgraded the version of Next to 14 to resolve the reactRender issue, and I will change the version back after the official fix. I have not encountered the "unexpected token" problem you mentioned, and my current use of Ant Design components is normal.
prakashk-mallow commentedon Dec 18, 2024
@whatdfjslfjldks Which versions of Next.js and Ant Design (antd) are being used in your project?
I'm still facing the above issue on both
nextpackage 14(14.2.18 to 14.2.20) and 15 versionsPatrick7241 commentedon Dec 18, 2024
next 14.2.20 antd 5.22.5
prakashk-mallow commentedon Dec 18, 2024
@whatdfjslfjldks I'm using the same
next dev, which is working fine butnext buildthrows the above errorbaoanh177 commentedon Dec 18, 2024
I tried downgrade NextJS version to 14.2.20 and the problem was resolved, but with version 15.1.0 it was not
Patrick7241 commentedon Dec 19, 2024
I have tried next build, for me is ok.
prakashk-mallow commentedon Dec 19, 2024
Patrick7241 commentedon Dec 19, 2024
I'm not sure what caused this, maybe you can try updating the TypeScript version cuz the tip "dependency "typescript@>=4.8.4 <5.8.0".
prakashk-mallow commentedon Dec 19, 2024
I'm created new project with typescript the same error is throws when run both
next devandnext build.baoanh177 commentedon Dec 19, 2024
@prakashmallow That's page router
prakashk-mallow commentedon Dec 19, 2024
@baoanh177 Yes. I'm using page router
prakashks20 commentedon Dec 19, 2024
@baoanh177 We are facing issues when running the
next devandnext buildcommands after installing and configuring theantdpackage in Next.js projects. This issue occurs in both App Router (JSX) and Page Router (using both JSX and TSX) projects when importing antd components.next 14.2.20
antd 5.22.5
prakashk-mallow commentedon Dec 20, 2024
@zombieJ @afc163 I'm currently facing the below issue with the
next 14.2.20(pages router with JSX), andantd 5.22.5 or lower versionslovewinders commentedon Dec 23, 2024
the same problem, for example：#550, react 19 version
prakashk-mallow commentedon Dec 23, 2024