confirm dialogue not working as it did in previous versions

[ohitstom]

🔍 Have you checked Spicetify.app page for your issue?

• I have checked the FAQ

🔍 Is there already an issue for your problem?

• I have checked older issues, open and closed

ℹ Environment / Computer Info

Spotify for Windows (64 bit)
1.2.41.434.g39a25e2c
Spicetify v2.36.14
Theme: Comfy / Comfy
Extensions: npvAmbience.js, toggleDJ.js, gamepad.js, spotifyBackup.js, playbarClock.js, quickQueue.js, scannables.js, sleepTimer.js, tracksToEdges.js, adblock.js, immersiveView.js, volumePercentage.js
Custom apps: lyrics-plus, new-releases, marketplace
xpui_2024-06-28_1719586782170_39a25e2
cef_125.0.19+g3d8f1c9+chromium-125.0.6422.112
Runtime: Chrome
Build System: CMake

📝 Description

Is it no longer a function and now a symbol? if so how can i make my old code work with it - or is this not intended

const Dialog = Spicetify.React.memo(props => {
const [state, setState] = Spicetify.React.useState(true);
const self = document.querySelector(".ReactModalPortal:last-of-type");

Spicetify.React.useEffect(() => {
	if (state) {
		props.onOpen?.();
	}
}, [state]);

return Spicetify.ReactComponent.ConfirmDialog({
	...props,
	isOpen: state,
	onClose: () => {
		setState(false);
		props.onClose();
		self.remove();
	},
	onConfirm: () => {
		setState(false);
		props.onConfirm();
		self.remove();
	}
});
});

📸 Screenshots

[rxri]

ConfirmDialog is a JSX component. Blame Spotify for making it different

[ohitstom]

ConfirmDialog is a JSX component. Blame Spotify's for making it different

does this mean i can just do Spicetify.ReactComponent.ConfirmDialog.render({}) in its place?

ah just gotta wrap it in a new createElement, thanks for the help :)

[rxri]

Use React to create the element with this component