chore: avoid warning by replacing useCallback by useMemo

Author: pkerschbaum

src/components/editor.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useEffect, useRef, useState, FC, useCallback } from "react";
+import { useEffect, useRef, useState, FC, useMemo } from "react";
 import { useExplorer } from "@/hooks/use-explorer";
 import CodeMirror from "@uiw/react-codemirror";
 import { json } from "@codemirror/lang-json";
@@ -52,10 +52,11 @@ export const Editor: FC<EditorProperties> = ({ readOnly, value, onChange }) => {
 		ESLintPlaygroundHighlightStyle,
 	];
 
-	const debouncedOnChange = useCallback(
-		debounce((value: string) => {
-			onChange?.(value);
-		}, 400),
+	const debouncedOnChange = useMemo(
+		() =>
+			debounce((value: string) => {
+				onChange?.(value);
+			}, 400),
 		[onChange],
 	);