UniqueID extension adds extra empty paragraphs when used with HocusPocus

What’s the bug you are facing?

If the UniqueId extension (2.0.0-beta.11) is enabled with collaborative editing (via HocusPocus), TipTap adds an empty paragraph (sometimes in different locations) on every page reload.

How can we reproduce the bug on our side?

TipTap editor setup:

export const Tiptap = () => {
  const websocketProvider = useMemo(() => new HocuspocusProvider({
    url: 'ws://localhost:1234',
    name: 'unique-id-test-01',
  }), []);

  const editor = useEditor({
    extensions: [
      StarterKit.configure({
        history: false
      }),
      UniqueID.configure({
        types: ['paragraph'],
        // seems to happen with any filterTransaction,
        // whether returning true or false
        filterTransaction: isChangeOrigin,
      }),
      Collaboration.configure({
        document: websocketProvider.document,
      }),
    ],
  }, [websocketProvider]);

  return (
      <div style={{ border: '1px solid blue'}}>
        <EditorContent editor={editor} />
      </div>
  );
};

HocusPocus setup:

const server = Server.configure({
  port: 1234,
  extensions: [
    new RocksDB()
  ]
});
server.listen();

Steps to reproduce:

• open the app
• refresh the browser
• see that it added an empty paragraph

Can you provide a CodeSandbox?

No response

What did you expect to happen?

No empty paragraphs should be added.

Anything to add? (optional)

No response

Did you update your dependencies?

• Yes, I’ve updated my dependencies to use the latest version of all packages.

Are you sponsoring us?

• Yes, I’m a sponsor. 💖

[philippkuehn]

oh stupid me 🤦‍♂️

filterTransaction: t => !isChangeOrigin(t) is correct!

I fixed it in the docs.

[bkempe]

@philippkuehn @hanspagel I think the change made for this has some side-effects: when using collaboration/HocusPocus, the first paragraph you start on won’t have the attribute from UniqueId until you type at least one letter.