[Bug]: Collaborationcursor does not use the user info

[TBenTiCon]

Affected Packages

extension-collaboration-cursor

Version(s)

2.9.1

Bug Description

When setting up the editor with the collaboration cursor plugin, and setting a user object {name, color}, this information is ignored and instead the default values are used.

//define user object
let user = {
	name: properties.user.name,
	color: getRandomHexForUser()
};

//@ts-ignore
let editor = createEditor({
	onTransaction({ transaction }) {
		//@ts-ignore
		handleTransactions(transaction);
	},
	onSelectionUpdate({ editor }) {
		if (onSelectionUpdate) onSelectionUpdate(editor.state.selection);
	},
	extensions: [
		...defaultExtensions,
		Collaboration.configure({
			document: yDoc
		}),
		CollaborationCursor.configure({
			provider: yProvider,
			user,
			render: ({ name, color }) => {
				console.log(name, color);
				const cursor = document.createElement('span');
				cursor.classList.add('collaboration-cursor__caret');
				cursor.setAttribute('style', `border-color: ${color}`);
				const label = document.createElement('div');
				label.classList.add('collaboration-cursor__label');
				label.setAttribute('style', `background-color: ${color}`);
				label.insertBefore(document.createTextNode(name), null);
				cursor.insertBefore(label, null);
				return cursor;
			}
		}),
		TableOfContents.configure({
			getIndex: getHierarchicalIndexes,
			onUpdate(content) {
				if (onTocUpdate) onTocUpdate(content);
			}
		})
	],
	content: 'Hello World!',
	autofocus: true,
	injectCSS: false,
	editorProps: properties
});

Browser Used

Chrome

Code Example URL

No response

Expected Behavior

The set information for name and color are prased into the "render" function correctly.

Additional Context (Optional)

No response

Dependency Updates

• Yes, I've updated all my dependencies.

[TBenTiCon]

It works, when setting it after initialization. But then, it wont update until a new selection is made:

yProvider.on('sync', (isSynced: boolean) => {
	if (isSynced === true) {
		isLoading = false;

		const instance = get(editor);
		if (!instance) return;

		instance.commands.updateUser({
			name: 'bubbleMenu',
			color: '#f2f2f2'
		});
	}
});