fix: prevent rerendering in ChannelTalk

Myongji-Graduate · Sep 26, 2024 · decf073 · decf073
1 parent 2b2b75e
commit decf073
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/app/utils/global/channel-talk.tsx b/app/utils/global/channel-talk.tsx
@@ -1,12 +1,15 @@
 'use client';
 import * as ChannelService from '@channel.io/channel-web-sdk-loader';
+import { useEffect } from 'react';
 
 export default function ChannelTalk() {
-  if (typeof window !== 'undefined') {
-    ChannelService.loadScript();
-    ChannelService.boot({
-      pluginKey: process.env.NEXT_PUBLIC_CHANNELTALK_PLUGIN ?? '',
-    });
-  }
+  useEffect(() => {
+    if (typeof window !== 'undefined') {
+      ChannelService.loadScript();
+      ChannelService.boot({
+        pluginKey: process.env.NEXT_PUBLIC_CHANNELTALK_PLUGIN ?? '',
+      });
+    }
+  }, []);
   return <></>;
 }