[PR #28983] fix(web): use atomic selectors in AccessControlItem #32260

Closed
opened 2026-02-21 20:51:04 -05:00 by yindo · 0 comments
Owner

Original Pull Request: https://github.com/langgenius/dify/pull/28983

State: closed
Merged: Yes


Related to #28976

Summary

Fix potential Zustand v5 selector issue in AccessControlItem component.

The selector was returning a new object on every render, which can cause infinite loops with Zustand v5's useSyncExternalStore.

- const { currentMenu, setCurrentMenu } = useAccessControlStore(s => ({ 
-   currentMenu: s.currentMenu, 
-   setCurrentMenu: s.setCurrentMenu 
- }))
+ const currentMenu = useAccessControlStore(s => s.currentMenu)
+ const setCurrentMenu = useAccessControlStore(s => s.setCurrentMenu)

This follows the same fix pattern as #28977.

Screenshots

Before After
N/A N/A

Checklist

  • This change requires a documentation update, included: Dify Document
  • I understand that this PR may be closed in case there was no previous discussion or issues. (This doesn't apply to typos!)
  • I've added a test for each change that was introduced, and I tried as much as possible to make a single atomic change.
  • I've updated the documentation accordingly.
  • I ran dev/reformat(backend) and cd web && npx lint-staged(frontend) to appease the lint gods
**Original Pull Request:** https://github.com/langgenius/dify/pull/28983 **State:** closed **Merged:** Yes --- Related to #28976 ## Summary Fix potential Zustand v5 selector issue in `AccessControlItem` component. The selector was returning a new object on every render, which can cause infinite loops with Zustand v5's `useSyncExternalStore`. ```diff - const { currentMenu, setCurrentMenu } = useAccessControlStore(s => ({ - currentMenu: s.currentMenu, - setCurrentMenu: s.setCurrentMenu - })) + const currentMenu = useAccessControlStore(s => s.currentMenu) + const setCurrentMenu = useAccessControlStore(s => s.setCurrentMenu) ``` This follows the same fix pattern as #28977. ## Screenshots | Before | After | |--------|-------| | N/A | N/A | ## Checklist - [ ] This change requires a documentation update, included: [Dify Document](https://github.com/langgenius/dify-docs) - [x] I understand that this PR may be closed in case there was no previous discussion or issues. (This doesn't apply to typos!) - [x] I've added a test for each change that was introduced, and I tried as much as possible to make a single atomic change. - [x] I've updated the documentation accordingly. - [x] I ran `dev/reformat`(backend) and `cd web && npx lint-staged`(frontend) to appease the lint gods
yindo added the pull-request label 2026-02-21 20:51:04 -05:00
yindo closed this issue 2026-02-21 20:51:04 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: langgenius/dify#32260