editableRef prop in Plate component doesn't actually attach ref

[albertpurnama]

Description
editableRef prop doesn't work according to spec. It produces an error and doesn't attach the ref to the Editable's DOM element.

Steps

1. Create reference using either the hook useRef or React.createRef
2. Pass that reference through editableRef
3. It should show an error in the console and the ref actually never got linked/attached to the DOM element

or go to the sandbox and you should see the error immediately in the console

Sandbox

https://codesandbox.io/s/sandpack-project-forked-oqs6r8?file=/App.tsx

Expectation

The newly created ref should be attached to the editableRef

Environment

• slate: 0.78.0
• slate-react: 0.79.0
• browser: chrome

[zbeyens]

Indeed, it has not effect until slate fixes it ianstormtaylor/slate#4082

[albertpurnama]

I see that now, should I close this?

Also what do you think is the best way to get reference to the Editable component as a workaround to this issue?

[zbeyens]

Yes let's close it.

Not sure if there is a way to access a DOM node without ref in React (did a quick lookup to no avail).