SlateJS与Material UI的NotchedOutline

如何解决SlateJS与Material UI的NotchedOutline

我正在寻找一种使用 variant =“ outlined”

来“组合” SlateJS（https://www.slatejs.org）和https://material-ui.com/components/text-fields/#textfield的方法

我试图“集成”的代码（来自官方slatejs存储库的示例）

import React,{ useState,useMemo } from 'react'
import { Node,createEditor } from 'slate'
import { Slate,Editable,withReact } from 'slate-react'
import { withHistory } from 'slate-history'

const PlainTextExample = () => {
  const [value,setValue] = useState<Node[]>(initialValue)
  const editor = useMemo(() => withHistory(withReact(createEditor())),[])
  return (
    <Slate editor={editor} value={value} onChange={value => setValue(value)}>
      <Editable placeholder="Enter some plain text..." />
    </Slate>
  )
}

const initialValue = [
  {
    children: [
      { text: 'This is editable plain text,just like a <textarea>!' },],},]

export default PlainTextExample

我尝试使用https://material-ui.com/components/text-fields/#integration-with-3rd-party-input-libraries中的InputProps，但是什么也没显示，甚至没有错误。