Merge branch 'master' of github.com:ianstormtaylor/slate

site/examples/mentions.js

@@ -12,13 +12,7 @@ import {
 
 import { Button, Icon, Toolbar } from '../components'
 
-const MentionExample = () => {
+const promptMention = editor => {
-  const editor = useMemo(
-    () => withMentions(withReact(withHistory(createEditor()))),
-    []
-  )
-
-  const promptMention = () => {
   const name = window.prompt('Who would you like to mention?')
   if (!name) return
   const regex = new RegExp(`^${name}`, 'i')
@@ -27,6 +21,12 @@ const MentionExample = () => {
   editor.exec({ type: 'insert_mention', id })
 }
 
+const MentionExample = () => {
+  const editor = useMemo(
+    () => withMentions(withReact(withHistory(createEditor()))),
+    []
+  )
+
   return (
     <Slate editor={editor} defaultValue={initialValue}>
       <Toolbar>
@@ -38,7 +38,7 @@ const MentionExample = () => {
         onKeyDown={event => {
           if (event.key === '@') {
             event.preventDefault()
-            promptMention()
+            promptMention(editor)
           }
         }}
       />
@@ -121,7 +121,7 @@ const MentionButton = () => {
       active={isMentionActive(editor)}
       onMouseDown={event => {
         event.preventDefault()
-        promptMention()
+        promptMention(editor)
       }}
     >
       <Icon>person_pin</Icon>