diff --git a/packages/client/src/components/message/index.tsx b/packages/client/src/components/message/index.tsx
index caded197..47bf832a 100644
--- a/packages/client/src/components/message/index.tsx
+++ b/packages/client/src/components/message/index.tsx
@@ -8,7 +8,7 @@ import { IsOnMobile } from 'hooks/use-on-mobile';
 import { useToggle } from 'hooks/use-toggle';
 import { EmptyBoxIllustration } from 'illustrations/empty-box';
 import Link from 'next/link';
-import React, { useCallback, useEffect } from 'react';
+import React, { useCallback } from 'react';
 
 import styles from './index.module.scss';
 import { Placeholder } from './placeholder';
@@ -250,6 +250,5 @@ const MessageBox = () => {
 
 export const Message = () => {
   const { loading, error } = useUser();
-  return null;
-  // return <DataRender loading={loading} error={error} normalContent={() => <MessageBox />} />;
+  return <DataRender loading={loading} error={error} normalContent={() => <MessageBox />} />;
 };
diff --git a/packages/client/src/data/message.ts b/packages/client/src/data/message.ts
index 509c23ba..925d169c 100644
--- a/packages/client/src/data/message.ts
+++ b/packages/client/src/data/message.ts
@@ -61,7 +61,7 @@ export const useUnreadMessages = () => {
   const { data, error, isLoading, refetch } = useQuery(
     [MessageApiDefinition.getUnread.client(), page],
     () => getMessagesApi('getUnread')(page),
-    { keepPreviousData: true }
+    { keepPreviousData: true, refetchInterval: 500 }
   );
 
   const readMessage = useCallback(