Bug: Cannot insert image to new inserted table row in playground

[tducloc]

Lexical version: 0.12.5

Steps To Reproduce

1. Insert a table
2. Insert a new row
3. Insert a image on new row

Link to code example:

The current behavior

• Console show error

Screen.Recording.2023-12-21.at.15.34.17.mov

The expected behavior

• Should be able to insert image into table

[tducloc]

By now, I temporarily fixed this by getting new inserted table row then loop through its cell and add the empty paragraph

const insertTableRowAtSelection = useCallback(
(shouldInsertAfter: boolean) => {
editor.update(() => {
$insertTableRow__EXPERIMENTAL(shouldInsertAfter);

    // get inserted table row node
    const tableNode = $getTableNodeFromLexicalNodeOrThrow(tableCellNode);
    const tableRows = tableNode.getChildren();
    const tableRowIndex = shouldInsertAfter ? tableRows.length - 1 : 0;
    const tableRow = tableRows[tableRowIndex];

    // Loop through table row and insert empty paragraph nodes
    const tableCells = tableRow.getChildren();
    for (let i = 0; i < tableCells.length; i++) {
      const tableCell = tableCells[i];

      if (!$isTableCellNode(tableCell)) {
        throw new Error('Expected table cell');
      }

      tableCell.append($createParagraphNode());
    }

    clearTableSelection();
    onClose();
  });
},
[clearTableSelection, editor, onClose, tableCellNode]

);

[thorn0]

Duplicate of #5286

[ivailop7]

The fix for this issue seems to be in #5912

[ivailop7]

This works now. Closing.