Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

After updating @ant-design/pro-components: ^2.8.1, @ant-design/pro-layout: ^7.4.0 and antd from ^5.2.3 to ^5.21.5, and also umi from ^3.5.23 to ^4.3.28, react from ^16.14.0 to 18.2.0 menu is not rendering in sideBar. #8940

Open
IndhuKandhaiya opened this issue Dec 23, 2024 · 1 comment

Comments

@IndhuKandhaiya
Copy link

Reproduction link

umijs/umi#12822

Steps to reproduce

After updating @ant-design/pro-components: ^2.8.1, @ant-design/pro-layout: ^7.4.0 and antd from ^5.2.3 to ^5.21.5, and also umi from ^3.5.23 to ^4.3.28, react from ^16.14.0 to 18.2.0 menu is not rendering in sideBar. Before it rendered for same code.

What is expected?

Side Menu in prolayout need to render.

What is actually happening?

Side Menu in prolayout was not rendering. In menuDataRender function the menuList is empty array. In menuDataRender function the menuList is empty array.

Environment Info
antd 5.21.5
React 18.2.0
System Windows 10 Pro
Browser Chrome 131.0.6778.205
Copy link

It seems that after updating several packages, including @ant-design/pro-components, @ant-design/pro-layout, antd, umi, and react, the side menu in the ProLayout is not rendering as expected. The menuDataRender function is returning an empty array, which is likely causing the issue.

Here are a few steps you can take to troubleshoot and potentially resolve this issue:

  1. Check for Breaking Changes: Review the release notes for each of the updated packages to identify any breaking changes that might affect the menu rendering.

  2. Verify Configuration: Ensure that the configuration for the ProLayout and the menuDataRender function is correct and compatible with the new versions of the packages.

  3. Dependencies Compatibility: Make sure that all dependencies are compatible with each other. Sometimes, a mismatch in versions can lead to unexpected behavior.

  4. Debugging: Add console logs or use debugging tools to inspect the data being passed to menuDataRender. This might give you insights into why the menu list is empty.

  5. Community and Issues: Check the community forums or GitHub issues for similar problems. Sometimes, others might have encountered and resolved the same issue.

If these steps do not resolve the issue, you might want to consider creating a minimal reproducible example and sharing it with the community for further assistance.

If you have any more details or need further assistance, feel free to ask!

🪧 Tips For further assistance, please describe your question in the comments and @petercat-assistant to start a conversation with me.

@afc163 afc163 transferred this issue from ant-design/ant-design Dec 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant