Formatted, fixed some ttp stuff

packages/chat/src/context.tsx

@@ -11,15 +11,15 @@ export const context = React.createContext<contextType | undefined>(undefined);
 
 const queryClient = new QueryClient();
 
-export default function Provider(
-  props: { children: React.ReactNode },
-) {
+export default function Provider(props: { children: React.ReactNode }) {
   const { get_shared_secret } = useCrypto();
   const { get } = useUser();
   const { load } = useStorage();
   const { send } = useSocket();
 
-  const [liveMessagesState, setLiveMessagesState] = React.useState<RawMessages>([]);
+  const [liveMessagesState, setLiveMessagesState] = React.useState<RawMessages>(
+    [],
+  );
   const [currentSharedSecret, setCurrentSharedSecret] = React.useState("");
 
   const locationSearch = useRouterState({
@@ -104,7 +104,14 @@ export default function Provider(
       sharedSecret: () => currentSharedSecret,
       userId: () => userIdValue,
     }),
-    [addLiveMessage, clearLiveMessages, currentSharedSecret, customGetMessages, liveMessagesState, userIdValue],
+    [
+      addLiveMessage,
+      clearLiveMessages,
+      currentSharedSecret,
+      customGetMessages,
+      liveMessagesState,
+      userIdValue,
+    ],
   );
 
   return (
@@ -129,4 +136,4 @@ export function useChat(): contextType {
     throw new Error("useChat must be used within a ChatProvider");
   }
   return ctx;
-}
+}

packages/chat/src/screen.tsx

@@ -140,7 +140,11 @@ export default function Screen() {
   }, [lastLiveMessageCount, liveMessages]);
 
   React.useEffect(() => {
-    if (!scrollRef.current || !prependAnchor || messagesQuery.isFetchingNextPage) {
+    if (
+      !scrollRef.current ||
+      !prependAnchor ||
+      messagesQuery.isFetchingNextPage
+    ) {
       return;
     }
 
@@ -191,7 +195,10 @@ export default function Screen() {
                   padding: "4px 0",
                 }}
               >
-                <Message message={message} notEncrypted={message.not_encrypted} />
+                <Message
+                  message={message}
+                  notEncrypted={message.not_encrypted}
+                />
               </div>
             );
           })}
@@ -200,4 +207,4 @@ export default function Screen() {
       <InputComponent />
     </div>
   );
-}
+}