🐛 fix(awareness): 兼容服务端渲染

src/Awareness/Avatars/Avatar.tsx

@@ -2,7 +2,7 @@ import { Avatar as A, Badge, Tooltip } from 'antd';
 import Color from 'color';
 import { memo } from 'react';
 
-interface AvatarProps {
+export interface AvatarProps {
   /**
    * 用户名
    */

src/Awareness/Cursors/Cursor.tsx

@@ -24,7 +24,7 @@ const useStyles = createStyles(({ css }) => ({
   `,
 }));
 
-interface CursorProps {
+export interface CursorProps {
   position: { x: number; y: number };
   color: string;
   name: string;

src/Awareness/index.tsx

@@ -0,0 +1,22 @@
+import Avatar from './Avatars/Avatar';
+
+import { lazy, Suspense } from 'react';
+import { AwarenessProps } from './Awareness';
+import Cursor from './Cursors/Cursor';
+
+export type { AwarenessProps } from './Awareness';
+
+const Basic = lazy(() => import('./Awareness'));
+
+const Awareness = (props: AwarenessProps) => {
+  return (
+    <Suspense>
+      <Basic {...props} />
+    </Suspense>
+  );
+};
+
+Awareness.Cursor = Cursor;
+Awareness.Avatar = Avatar;
+
+export default Awareness;