From 9ecb3874180a9c5acb02d6a32d230fcbfbb35e03 Mon Sep 17 00:00:00 2001
From: ngc2207 <cfngc3109@gmail.com>
Date: Sun, 5 Jan 2025 08:03:46 +0800
Subject: [PATCH] fix(playground): update Monaco editor loader configuration to
 use monaco instance and improve editor reference type

---
 src/app/playground/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/playground/page.tsx b/src/app/playground/page.tsx
index 809c9f4..0014690 100644
--- a/src/app/playground/page.tsx
+++ b/src/app/playground/page.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import * as monaco from "monaco-editor";
 import { connectToLanguageServer } from "@/lib/lsp";
 import { useEffect, useRef, useState } from "react";
 import { Editor, loader } from "@monaco-editor/react";
@@ -40,13 +41,12 @@ int main() {
   },
 };
 
-loader.config({ paths: { vs: "/vs" } });
+loader.config({ monaco });
 
 export default function PlaygroundPage() {
   const [language, setLanguage] = useState<string>("c");
   const file = files[language];
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const editorRef = useRef<any | null>(null);
+  const editorRef = useRef<monaco.editor.IStandaloneCodeEditor | null>(null);
   const webSocketRef = useRef<WebSocket | null>(null);
   const languageClientRef = useRef<MonacoLanguageClient | null>(null);