fix: #15 lazy service init

src/provider/ChatProvider.tsx

@@ -29,6 +29,7 @@ import { TypingUser } from "../TypingUser";
 import { useThrottledSendTyping } from "./useThrottledSendTyping";
 import { useDebounceTyping } from "./useDebounceTyping";
 import type { MessageGroup } from "../MessageGroup";
+import { useLazyServiceFactoryRef } from "./useLazyServiceFactoryRef";
 
 export interface SendMessageParams {
   message: ChatMessage<MessageContentType>;
@@ -306,7 +307,11 @@ export const ChatProvider = <S extends IChatService>({
     setState(newState);
   }, [setState, storage]);
 
-  const serviceRef = useRef(serviceFactory(storage, updateState));
+  const serviceRef = useLazyServiceFactoryRef(
+    serviceFactory,
+    storage,
+    updateState
+  );
 
   useStorage(storage, serviceRef.current, setState, {
     debounceTyping,

src/provider/useLazyServiceFactoryRef.tsx

@@ -0,0 +1,18 @@
+import { useRef } from "react";
+import type { MutableRefObject } from "react";
+import type { ChatServiceFactory, UpdateState } from "../Types";
+import type { IChatService, IStorage } from "../interfaces";
+
+export function useLazyServiceFactoryRef<S extends IChatService>(
+  serviceFactory: ChatServiceFactory<S>,
+  storage: IStorage,
+  update: UpdateState
+) {
+  const ref = useRef<S>();
+
+  if (typeof ref.current === "undefined") {
+    ref.current = serviceFactory(storage, update);
+  }
+
+  return ref as MutableRefObject<S>;
+}