Update

client/ui/AvatarMySelf.tsx

@@ -2,6 +2,7 @@ import { UserMySelf } from "lingchair-client-protocol"
 import useAsyncEffect from "../utils/useAsyncEffect.ts"
 import Avatar from "./Avatar.tsx"
 import getClient from "../getClient.ts"
+import React from "react"
 
 interface Args extends React.HTMLAttributes<HTMLElement> {
     avatarRef?: React.LegacyRef<HTMLElement>

client/ui/Main.tsx

@@ -1,13 +1,14 @@
 import isMobileUI from "../utils/isMobileUI.ts"
 import AvatarMySelf from "./AvatarMySelf.tsx"
 import MainSharedContext from './MainSharedContext.ts'
+import React from "react"
 
 export default function Main() {
     const sharedContext = {
         openChatFragment: React.useRef()
     }
     return (
-        <MainSharedContext.Provider value={{}}>
+        <MainSharedContext.Provider value={sharedContext}>
             <div style={{
                 display: "flex",
                 position: 'relative',