reactRender is not a function when using Antd with NextJS App Router

[baoanh177]

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

[whatdfjslfjldks]

it's confused me,too

[prakashmallow]

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.

[whatdfjslfjldks]

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.

[prakashmallow]

@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 next package 14(14.2.18 to 14.2.20) and 15 versions

[whatdfjslfjldks]

next 14.2.20 antd 5.22.5

[prakashmallow]

next 14.2.20 antd 5.22.5

@whatdfjslfjldks I'm using the same next dev, which is working fine but next build throws the above error

[baoanh177]

I tried downgrade NextJS version to 14.2.20 and the problem was resolved, but with version 15.1.0 it was not

[whatdfjslfjldks]

next 14.2.20 antd 5.22.5

@whatdfjslfjldks I'm using the same next dev, which is working fine but next build throws the above error

I have tried next build, for me is ok.

[prakashmallow]

I have downgraded to 14.2.20 and `next dev` the above error is occurring

[whatdfjslfjldks]

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".

[prakashmallow]

I'm created new project with typescript the same error is throws when run both next dev and next build.

[baoanh177]

@prakashmallow That's page router

[prakashmallow]

@baoanh177 Yes. I'm using page router

[prakashks20]

@baoanh177 We are facing issues when running the next dev and next build commands after installing and configuring the antd package 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

[prakashmallow]

@baoanh177 We are facing issues when running the next dev and next build commands after installing and configuring the antd package 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

@zombieJ @afc163 I'm currently facing the below issue with the next 14.2.20(pages router with JSX), and antd 5.22.5 or lower versions

[lovewinders]

the same problem, for example：#550, react 19 version

[prakashmallow]

@baoanh177 We are facing issues when running the next dev and next build commands after installing and configuring the antd package 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

I'm currently facing the below issue with the next 14.2.20(pages router with JSX), and antd 5.22.5 or lower versions
@afc163 @zombieJ Please check this issue while creating a new nextjs project.