diff --git a/src/components/code-editor.tsx b/src/components/code-editor.tsx
index f56939d..c7b0cbf 100644
--- a/src/components/code-editor.tsx
+++ b/src/components/code-editor.tsx
@@ -23,7 +23,10 @@ const DynamicEditor = dynamic(
 
     return Editor;
   },
-  { ssr: false }
+  {
+    ssr: false,
+    loading: () => <Skeleton className="h-full w-full" />,
+  }
 );
 
 export default function CodeEditor() {