From 3b79d51823ea40470443712eb4e4a5effd138f33 Mon Sep 17 00:00:00 2001
From: Henrik Wenz <henrik.wenz@gmail.com>
Date: Tue, 12 Apr 2022 15:53:48 +0200
Subject: [PATCH 1/3] Update dependencies

---
 examples/with-slate/package.json | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/examples/with-slate/package.json b/examples/with-slate/package.json
index fd372d944c56..cef2d58f3442 100644
--- a/examples/with-slate/package.json
+++ b/examples/with-slate/package.json
@@ -7,10 +7,10 @@
   },
   "dependencies": {
     "next": "latest",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "slate": "^0.58.4",
-    "slate-history": "0.58.4",
-    "slate-react": "^0.58.4"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "slate": "^0.76.1",
+    "slate-history": "0.66.0",
+    "slate-react": "^0.76.1"
   }
 }

From 79ea94e98cb74be173cbea8c43417a2d6829caee Mon Sep 17 00:00:00 2001
From: Henrik Wenz <henrik.wenz@gmail.com>
Date: Tue, 12 Apr 2022 15:54:21 +0200
Subject: [PATCH 2/3] Fix fast refresh

#29740
---
 examples/with-slate/pages/index.js | 27 ++++++++++++---------------
 1 file changed, 12 insertions(+), 15 deletions(-)

diff --git a/examples/with-slate/pages/index.js b/examples/with-slate/pages/index.js
index edebb65af881..0a4a4fc74cb0 100644
--- a/examples/with-slate/pages/index.js
+++ b/examples/with-slate/pages/index.js
@@ -1,24 +1,21 @@
-import React, { useState, useMemo } from 'react'
+import { useState } from 'react'
 import { createEditor } from 'slate'
 import { Slate, Editable, withReact } from 'slate-react'
 import { withHistory } from 'slate-history'
 
-const IndexPage = () => {
-  const [value, setValue] = useState(initialValue)
-  const editor = useMemo(() => withHistory(withReact(createEditor())), [])
+export default function IndexPage() {
+  const [editor] = useState(() => withReact(withHistory(createEditor())), [])
+  const [value, setValue] = useState([
+    {
+      children: [
+        { text: 'This is edidtable plain text, just like a <textarea>!' },
+      ],
+    },
+  ])
+
   return (
-    <Slate editor={editor} value={value} onChange={(value) => setValue(value)}>
+    <Slate editor={editor} value={value} onChange={setValue}>
       <Editable placeholder="Enter some plain text..." />
     </Slate>
   )
 }
-
-const initialValue = [
-  {
-    children: [
-      { text: 'This is editable plain text, just like a <textarea>!' },
-    ],
-  },
-]
-
-export default IndexPage

From 94b116dc6eb8c9b7879b64ad0b32eec668fae96b Mon Sep 17 00:00:00 2001
From: JJ Kasper <jj@jjsweb.site>
Date: Tue, 12 Apr 2022 11:11:52 -0500
Subject: [PATCH 3/3] Apply suggestions from code review

---
 examples/with-slate/pages/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/with-slate/pages/index.js b/examples/with-slate/pages/index.js
index 0a4a4fc74cb0..444c47acf7ef 100644
--- a/examples/with-slate/pages/index.js
+++ b/examples/with-slate/pages/index.js
@@ -8,7 +8,7 @@ export default function IndexPage() {
   const [value, setValue] = useState([
     {
       children: [
-        { text: 'This is edidtable plain text, just like a <textarea>!' },
+        { text: 'This is editable plain text, just like a <textarea>!' },
       ],
     },
   ])