diff --git a/apps/web/app/editor/course/[courseid]/activity/[activityuuid]/edit/page.tsx b/apps/web/app/editor/course/[courseid]/activity/[activityuuid]/edit/page.tsx
index 8e4c4cf8..0b7c113e 100644
--- a/apps/web/app/editor/course/[courseid]/activity/[activityuuid]/edit/page.tsx
+++ b/apps/web/app/editor/course/[courseid]/activity/[activityuuid]/edit/page.tsx
@@ -1,5 +1,5 @@
 import { default as React } from 'react'
-import EditorWrapper from '@components/Objects/Editor/EditorWrapper'
+import dynamic from 'next/dynamic'
 import { getCourseMetadataWithAuthHeader } from '@services/courses/courses'
 import { cookies } from 'next/headers'
 import { Metadata } from 'next'
@@ -9,6 +9,8 @@ import { getOrganizationContextInfoWithId } from '@services/organizations/orgs'
 import SessionProvider from '@components/Contexts/SessionContext'
 import EditorOptionsProvider from '@components/Contexts/Editor/EditorContext'
 import AIEditorProvider from '@components/Contexts/AI/AIEditorContext'
+const EditorWrapper = dynamic(() => import('@components/Objects/Editor/EditorWrapper'), { ssr: false })
+
 
 type MetadataProps = {
   params: { orgslug: string; courseid: string; activityid: string }