diff --git a/src/pages/community-settings/platform/[id].tsx b/src/pages/community-settings/platform/[id].tsx
index 232aa4b4..99b060cd 100644
--- a/src/pages/community-settings/platform/[id].tsx
+++ b/src/pages/community-settings/platform/[id].tsx
@@ -1,9 +1,13 @@
 'use client';
-import TcPlatform from '../../../components/communitySettings/platform';
+import dynamic from 'next/dynamic';
 import SEO from '../../../components/global/SEO';
 import TcBreadcrumbs from '../../../components/shared/TcBreadcrumbs';
 import { ChannelProvider } from '../../../context/ChannelContext';
 import { defaultLayout } from '../../../layouts/defaultLayout';
+const TcPlatform = dynamic(
+  () => import('../../../components/communitySettings/platform'),
+  { ssr: false }
+);
 
 function PlatformConfigurations() {
   return (