How to use the slate-react.useEditor function in slate-react

const CheckListItemElement = ({ attributes, children, element }) => {
  const editor = useEditor()
  const readOnly = useReadOnly()
  const { checked } = element
  return (
    <div>
      </div>

const VideoElement = ({ attributes, children, element }) => {
  const editor = useEditor()
  const selected = useSelected()
  const focused = useFocused()
  const { url } = element
  return (
    <div>
      <div selected="" style="{{">
        </div></div>

const InsertImageButton = () => {
  const editor = useEditor()
  return (
    <button> {
        event.preventDefault()
        const url = window.prompt('Enter the URL of the image:')
        if (!url) return
        insertImage(editor, url)
      }}
    &gt;
      image
    </button>
  )
}