setValue has no effect

[rgrzywinski]

Description

To clear the editor (or set to some initial value) it has been documented to use the value property on Plate (e.g. via a useState hook). I simply cannot get a recent version of Plate to respond to either setValue (in the store) or via the value prop.

Steps

I have forked a CodeSandbox from another issue where clearing the editor worked as expected and updated it with the latest Plate dependencies: https://codesandbox.io/s/plate-onkeydown-error-forked-945d9?file=/src/App.js

(Simply follow the instructions in the browser.)

Sandbox

https://codesandbox.io/s/plate-onkeydown-error-forked-945d9?file=/src/App.js

Expectation

value (or usePlateActions's setValue()) will cause the value of the editor to change.

Environment

• slate: 6.1.0
• slate-react: 0.67.0
• browser: chrome

[dylans]

My guess is ianstormtaylor/slate#4540 caused a regression here when using Slate 0.67.0 and newer.

[rgrzywinski]

FYI -- you can force children to the desired value (with no apparent ill effects):

    const editor = useStoreEditorState(id);

....

    const point = { path: [0, 0], offset: 0 };
    editor!.selection = { anchor: point, focus: point };
    editor!.history = { redos: [], undos: [] };
    editor!.children = <desired value>;

[rgrzywinski]

(From ianstormtaylor/slate#3575 it seems like setting children is the preferred / correct approach now... ?)

[GhostsCode]

FYI -- you can force children to the desired value (with no apparent ill effects):

    const editor = useStoreEditorState(id);

....

    const point = { path: [0, 0], offset: 0 };
    editor!.selection = { anchor: point, focus: point };
    editor!.history = { redos: [], undos: [] };
    editor!.children = <desired value>;

I'm a newbie and I've applied this code. In my situation, it keeps on re-rendering the component. So, what happens is that everytime I type, the focus is always at 0,0. Am I missing something here?

[rgrzywinski]

I also had a "re-render on every keypress" problem but after memo'izing my editableProps it no longer occurred.

BTW -- that code is for how to clear the editor (e.g. if you wanted to do a 'reset') so if you've applied it directly within a "set value" situation then of course it's going to re-render and set the cursor to (0,0) (since that's what it does!).

[GhostsCode]

I see, thank you for your reply.

[zbeyens]

See the performance checklist https://slate-js.slack.com/archives/C013QHXSCG1/p1633184716321200?thread_ts=1629699684.097900&cid=C013QHXSCG1