How to move cursor to the end of the line after inserting content?

[Deliaz]

Hi there,
I am working on editing the existing content.
What I am currently trying to do is to move the cursor to the end of the text once the content has been set.

  useEffect(() => {
    if (editingItem) { // received item to edit from external props
      const content = [
        {
          type: 'paragraph',
          children: [
            {
              text: editingItem.text,
            },
          ],
        },
      ];

      // insert tags at the end
      editingItem.tags?.forEach((tag) => {
        content[0].children.push({
          type: 'tag',
          tagText: tag,
          children: [{text: ''}],
        });
        content[0].children.push({text: ''});
      });

      // set editor value
      setValue(content);

      // Trying to move cursor, but it doesn't work 
      setTimeout(() => {
        // What should I run here?
        Transforms.move(editor, {unit: 'line', edge: 'end'});
      }, 0);
    }
  }, [editingItem, editor]);

However, the cursor still remains at the beginning of the editor

[]

Seems like I am missing some core concept.
Any advice is appreciated. Thank you!

[Deliaz]

Found out this code does what I want:

setTimeout(() => {
    Transforms.select(editor, Editor.end(editor, []));
}, 10);