ant-design / ant-design/pro-components

🐛[BUG][问题]更新next.js 集成 BetaSchemaForm layoutType="ModalForm" trigger modal 打开后无法展示表单内容无法展示

Open
#8,753 3 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
4.8k
Forks
1.4k
Avg merge
10h 44m
Merged PRs (30d)
3

Description

🐛[BUG][问题]next.js 集成 BetaSchemaForm layoutType="ModalForm" trigger modal 打开后无法展示表单内容无法展示

### 🐛 bug 描述
🐛[BUG][问题]next.js app router 集成 pro-components BetaSchemaForm layoutType="ModalForm" trigger,modal 打开后无法展示表单内容无法展示
integrating pro-components BetaSchemaForm with layoutType='ModalForm' in Next.js app router, the modal opens but the form content cannot be displayed.

### 📷 复现步骤 Reproduction steps
进入
点击 打开BetaSchemaForm 展示不出 form [BUG]
点击 打开普通Modal 展示正常
点击 打开BetaSchemaForm 展示正常
浏览器 全局刷新
点击 打开BetaSchemaForm 展示不出 form [BUG]
Clicking to open BetaSchemaForm does not display the form.
Clicking to open a regular Modal displays normally.
Clicking to open BetaSchemaForm displays normally.
After a global refresh in the browser,
clicking to open BetaSchemaForm does not display the form.

codesandbox: https://codesandbox.io/p/github/xieqingfu/next-antd-pro-component/main?import=true
github: https://github.com/xieqingfu/next-antd-pro-component

### 🏞 期望结果 Expected result

所有情况 正确展示 modal 中的 form 表单
Correctly display the form in the modal in all cases.

### © 版本信息 version info
- next.js 版本 version [14.2.5]
- antd [5.18.3]
- ProComponents 版本: [2.7.19]

- 浏览器环境 browser envirement。 chorme

### 🚑 其他信息 other info

![Snipaste_2024-10-02_00-10-39](https://github.com/user-attachments/assets/130fe5e0-2d81-4e92-b276-ed8d5178163f)

Contributor guide

Open the contributing guide

Research direction

Start with the linked CodeSandbox or GitHub reproduction and verify the failure after a global browser refresh. Inspect the BetaSchemaForm path using layoutType="ModalForm" with a trigger in the Next.js app router, compare it with the working regular Modal case, and confirm that the form renders in every listed scenario.

Written by the indexing model from the issue text.

Assessment

Tech stack
next.js, typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.