diff --git a/packages/app/src/components/workspace-setting/MembersPage.tsx b/packages/app/src/components/workspace-setting/MembersPage.tsx
index c2a57032ee..fd65f47df8 100644
--- a/packages/app/src/components/workspace-setting/MembersPage.tsx
+++ b/packages/app/src/components/workspace-setting/MembersPage.tsx
@@ -36,7 +36,9 @@ export const MembersPage = ({ workspace }: { workspace: WorkspaceUnit }) => {
 
   const { currentMetaWorkSpace, currentWorkspace, dataCenter } = useAppState();
 
-  const [members, setMembers] = useState<[{ name: string; email: string }]>();
+  const [members, setMembers] = useState<[{ name: string; email: string }?]>(
+    []
+  );
 
   // const getMembers = async () =>{
   //   const members = await dataCenter.
@@ -90,9 +92,9 @@ export const MembersPage = ({ workspace }: { workspace: WorkspaceUnit }) => {
                       </StyledMemberAvatar>
 
                       <StyledMemberInfo>
-                        <StyledMemberName>{member.name}</StyledMemberName>
+                        <StyledMemberName>{member?.name}</StyledMemberName>
 
-                        <StyledMemberEmail>{member.email}</StyledMemberEmail>
+                        <StyledMemberEmail>{member?.email}</StyledMemberEmail>
                       </StyledMemberInfo>
                     </StyledMemberNameContainer>
                     <StyledMemberRoleContainer>