chore: don't use destructuring with useSelector

techmatters · Dec 12, 2023 · ed35706 · ed35706
1 parent 96bab12
commit ed35706
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/plugin-hrm-form/src/components/profile/profileFlag/ProfileFlagEdit.tsx b/plugin-hrm-form/src/components/profile/profileFlag/ProfileFlagEdit.tsx
@@ -38,7 +38,7 @@ const ProfileFlagsEdit: React.FC<Props> = (props: Props) => {
   const { modalRef, profileId } = props;
 
   const { allProfileFlags, profileFlags, associateProfileFlag } = useProfileFlags(profileId);
-  const { loading } = useSelector((state: RootState) => selectProfileAsyncPropertiesById(state, profileId));
+  const loading = useSelector((state: RootState) => selectProfileAsyncPropertiesById(state, profileId))?.loading;
 
   const anchorRef = useRef(null);
 

diff --git a/plugin-hrm-form/src/components/profile/profileFlag/ProfileFlagList.tsx b/plugin-hrm-form/src/components/profile/profileFlag/ProfileFlagList.tsx
@@ -41,7 +41,7 @@ type Props = OwnProps;
 
 const ProfileFlagsList: React.FC<Props> = ({ disassociateRef, enableDisassociate, profileId }) => {
   const { profileFlags, disassociateProfileFlag } = useProfileFlags(profileId);
-  const { loading } = useSelector((state: RootState) => selectProfileAsyncPropertiesById(state, profileId));
+  const loading = useSelector((state: RootState) => selectProfileAsyncPropertiesById(state, profileId))?.loading;
 
   const renderDisassociate = (flag: ProfileFlag) => {
     if (!enableDisassociate) return null;