Perf opt: handleEditorChange as callback

sansmoraxz · May 19, 2024 · 7c948b0 · 7c948b0
1 parent e2a3134
commit 7c948b0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/src/CodeEditorWindow.tsx b/src/CodeEditorWindow.tsx
@@ -1,5 +1,5 @@
 import Editor from "@monaco-editor/react";
-import { useState } from "react";
+import { useCallback, useState } from "react";
 import { LogsContainer } from "./LogsContainer";
 import { LuaFactory } from "wasmoon";
 
@@ -29,10 +29,11 @@ const CodeEditorWindow = ({ language }: CodeEditorWindowProps) => {
 
   const [isRunning, setIsRunning] = useState<boolean>(false);
 
-  function handleEditorChange(value: string | undefined) {
+  const handleEditorChange = useCallback((value: string | undefined) => {
     setSrCode(value || "");
     return;
-  }
+  }, []);
+
 
   async function process() {
     console.clear();
@@ -121,3 +122,4 @@ const CodeEditorWindow = ({ language }: CodeEditorWindowProps) => {
 };
 
 export default CodeEditorWindow;
+