Migration Issue: Uncaught Error: Cannot read properties of undefined (reading 'path') in Custom Plugin (Plate v31 → latest)

[hkkvo]

Description

Hi team,

We’re in the process of migrating a custom plugin originally built for Plate.js v31 to the latest version. While adapting the plugin, we're trying to insert a custom FabricJS-based canvas element using a pattern similar to insertExcalidraw,

However, we're encountering the following error during insertion:

Uncaught Error: Cannot read properties of undefined (reading 'path')

Here’s the code for the insert function:

export const insertFabricJSEditor = (
  editor: SlateEditor,
  props: NodeProps<TTextCanvasElement> = {},
  options: InsertNodesOptions = {}
): void => {

  if (!editor || !editor.selection) {
    console.warn('Editor or selection is not valid');
    return;
  }

  const selection = editor.selection;
  

  let insertPath;
  
  try {
   
    if (selection.focus && selection.focus.path) {
      const selectionParentEntry = editor.api.parent(selection.focus.path);
      if (selectionParentEntry) {
        const [, parentPath] = selectionParentEntry;
        insertPath = parentPath;
      }
    }
  } catch (error) {
    console.error('Error determining insertion path:', error);
  }

 
  if (!insertPath) {
    try {
     
      const lastNodeEntry = editor.api.last([]);
      if (lastNodeEntry) {
        const [, lastPath] = lastNodeEntry;
        insertPath = lastPath;
      } else {
    
        insertPath = [0];
      }
    } catch (error) {
      console.error('Error determining fallback insertion path:', error);
      insertPath = [0];
    }
  }


  const currentQuestion: Question =
    (props as TTextCanvasElement).currentQuestion ?? getDefaultQuestion();


    console.log('insertPath', insertPath);

 
  editor.tf.insertNodes<TTextCanvasElement>(
    {
      type: editor.getType({ key: ELEMENT_CANVAS }),
      children: [
        {
          type: ParagraphPlugin.key,
          text: currentQuestion.question,
        },
        { text: '' },
      ],
      currentQuestion,
      currentCanvasData: '',
      ...props,
    },
    {
      at: insertPath,
      nextBlock: true,
      ...(options as any),
    }
  );
};

Is this error due to changes in the editor.api.parent or insertNodes usage in the latest Plate architecture? What would be the recommended approach to insert a block-level custom element now

Any guidance or updated example would be greatly appreciated!

Reproduction URL

No response

Reproduction steps

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Plate version

41

Slate React version

0.114

Screenshots

Logs

Browsers

No response