simple example of next and turbo

jsonnext · Oct 20, 2023 · 266a931 · 266a931
1 parent 69d94d3
commit 266a931
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/examples/next-turbo/src/app/editor.tsx b/examples/next-turbo/src/app/editor.tsx
@@ -12,7 +12,7 @@ import { oneDarkHighlightStyle, oneDark } from "@codemirror/theme-one-dark";
 import { JSONSchema7 } from "json-schema";
 
 // sample data
-import { jsonText, json5Text } from "../../../../dev/sample-text";
+import { jsonText } from "../../../../dev/sample-text";
 import packageJsonSchema from "../../../../dev/package.schema.json";
 
 // json4
@@ -41,6 +41,9 @@ const commonExtensions = [
   syntaxHighlighting(oneDarkHighlightStyle),
 ];
 
+// because of react strict mode
+let isRendered = false;
+
 export const Editor = () => {
   const editorRef = useRef<HTMLDivElement>(null);
   const state = EditorState.create({
@@ -49,11 +52,12 @@ export const Editor = () => {
   });
 
   useEffect(() => {
-    if (editorRef.current) {
+    if (editorRef.current && !isRendered) {
       new EditorView({
         state,
         parent: editorRef.current!,
       });
+      isRendered = true;
     }
 
     return () => {

diff --git a/examples/next-turbo/src/app/page.tsx b/examples/next-turbo/src/app/page.tsx
@@ -1,6 +1,5 @@
 "use client";
 
-import Image from "next/image";
 import styles from "./page.module.css";
 
 import dynamic from "next/dynamic";