Module '"slate-react"' has no exported member 'Editor' Error?

[roker15]

I tired to initiate my first slate editor by

import { Editor } from "slate-react";
// import Plain from "slate-plain-serializer";
import { useState } from "react";

const SlateEdit: React.FC = () => {
  const [value, setValue] = useState("");

  const onChange = ({ value }:any) => {
   setValue(value);
  };

  return <Editor value={value} onChange={onChange} />;
};

But Editor is not imported. I installed everything as per slate documentation.

[ayozebarrera]

I have some issues at the beginning too.

I'm using slate on a production app on this way:

import { createEditor, Editor as SlateEditor, Element as SlateElement, Transforms } from 'slate';
import { withHistory } from 'slate-history';
import { Editable, Slate, useSlate, withReact } from 'slate-react';

const renderElement = useCallback(props => <Element {...props} />, []);
const renderLeaf = useCallback(props => <Leaf {...props} />, []);
const [editor] = useState(() => withReact(withHistory(createEditor())));

return (
    <Slate editor={editor} value={value} onChange={onChange}>
        <Toolbar />
        <Editable
          id={id}
          name={name}
          placeholder={placeholder}
          renderElement={renderElement}
          renderLeaf={renderLeaf}
          spellCheck
        />
    </Slate>
);

Hope this helps, if you need something, contact with me