diff --git a/shared/index.tsx b/shared/index.tsx
index ccc5dca1..c3920c86 100644
--- a/shared/index.tsx
+++ b/shared/index.tsx
@@ -10,7 +10,7 @@ export {
   getCachedGroupInviteInfo,
   getCachedRegistryPlugins,
 } from './cache/cache';
-export { useCachedUserInfo } from './cache/useCache';
+export { useCachedUserInfo, useCachedOnlineStatus } from './cache/useCache';
 
 // components
 export {
@@ -101,7 +101,7 @@ export {
   useIsGroupOwner,
 } from './redux/hooks/useGroup';
 export { useUserInfo, useUserId } from './redux/hooks/useUserInfo';
-export { userActions } from './redux/slices';
+export { userActions, groupActions } from './redux/slices';
 export type { ChatConverseState } from './redux/slices/chat';
 export { setupRedux } from './redux/setup';
 export { createStore } from './redux/store';
diff --git a/web/src/components/Panel/group/MembersPanel.tsx b/web/src/components/Panel/group/MembersPanel.tsx
index a15051dc..3ce5df32 100644
--- a/web/src/components/Panel/group/MembersPanel.tsx
+++ b/web/src/components/Panel/group/MembersPanel.tsx
@@ -1,6 +1,6 @@
 import { UserListItem } from '@/components/UserListItem';
 import React from 'react';
-import { useGroupInfo } from '../../../../../shared';
+import { useGroupInfo } from 'tailchat-shared';
 
 interface MembersPanelProps {
   groupId: string;
diff --git a/web/src/components/UserListItem.tsx b/web/src/components/UserListItem.tsx
index 109433e4..d98808cc 100644
--- a/web/src/components/UserListItem.tsx
+++ b/web/src/components/UserListItem.tsx
@@ -3,8 +3,7 @@ import { Avatar } from './Avatar';
 import _isEmpty from 'lodash/isEmpty';
 import { Skeleton, Space } from 'antd';
 // import { openUserProfile } from './modals/UserProfile';
-import { useCachedUserInfo } from 'tailchat-shared';
-import { useCachedOnlineStatus } from '../../../shared/cache/useCache';
+import { useCachedUserInfo, useCachedOnlineStatus } from 'tailchat-shared';
 
 // const UserAvatar = styled(Avatar)`
 //   cursor: pointer !important;
diff --git a/web/src/components/modals/CreateGroup.tsx b/web/src/components/modals/CreateGroup.tsx
index 0f4e03dc..3e8a5397 100644
--- a/web/src/components/modals/CreateGroup.tsx
+++ b/web/src/components/modals/CreateGroup.tsx
@@ -6,12 +6,12 @@ import {
   t,
   useAppDispatch,
   useAsyncRequest,
+  groupActions,
 } from 'tailchat-shared';
 import type { GroupPanel } from 'tailchat-shared';
 import { Avatar } from '../Avatar';
 import { closeModal, ModalWrapper } from '../Modal';
 import { Slides, SlidesRef } from '../Slides';
-import { groupActions } from '../../../../shared/redux/slices';
 
 const panelTemplate: {
   key: string;
diff --git a/web/src/components/modals/GroupInvite.tsx b/web/src/components/modals/GroupInvite.tsx
index a40a2313..dd1c7a9d 100644
--- a/web/src/components/modals/GroupInvite.tsx
+++ b/web/src/components/modals/GroupInvite.tsx
@@ -5,8 +5,8 @@ import {
   createGroupInviteCode,
   useAsyncRequest,
   useGroupInfo,
+  isValidStr,
 } from 'tailchat-shared';
-import { isValidStr } from '../../../../shared/utils/string-helper';
 import { ModalWrapper } from '../Modal';
 
 /**