Editor.nodes function doesn't return the node.

const isBlockActive = (editor, format) => {
  const [match] = Editor.nodes(editor, {
    match: n => n,
  })
  console.log(match)
  return !!match
}

I am getting undefined, I am supposed to get the node. :l I cloned it from richtext.js but the isBlockActive function doesn’t seem to work.

[neohotsauce]

its an issue with gatsby, fix it using:

const isBlockActive = (editor, format) => {
  let match = false
  for (const [node, paths] of Editor.nodes(editor, {
    match: n => n.type === format,
  })) {
    if (node.type === format) match = true
    break
  }
  return !!match
}

[JanStorm]

In my opinion, this function has to use editor.selection, because we only want to mark the format buttons as active, when user has a element selected, which uses the format. (So he then could toggle it off) In my solution i only use only the cursor position, but it seems to work for me. In this workaround im searching in the editor.children for the format myself:

const isBlockActive = (editor: Editor, format: string) => {
    const cursorPosition = editor.selection?.focus;
    const elementPath = cursorPosition?.path;
    let match = false;
    if (elementPath && elementPath.length > 0 && editor.children) {
        let element: any = editor.children[elementPath[0]];
        for(let i = 1; i < elementPath.length; i += 1) {
            if (element?.type === format) {
                match = true;
                break;
            }
            element = element.children[elementPath[i]];
        }
    }

    return match;
}