Fix undefined id

[hudochenkov]

I have a custom toast function which adds features to toast I need on a project. Simplified example:

function customToast({ id ...props }) {
	return toast(
		(t) => (
			<CustomToast {...props} />
		),
		{
			id,
		},
	);
}

I works same as original toast — returns id to allow updating existing toast, or dismiss it.

const id = customToast({ message: 'hey' }); //

customToast({ id, message: 'hi' };

However, in this example id is undefined. There is a fallback to genId(), but it gets overridden by ...opts.

What happens is id: opts?.id || genId() receives undefined and sets fallback, but then ...opts set id back to undefined.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/timo/react-hot-toast/6sxfgf8t5
✅ Preview: https://react-hot-toast-git-fork-hudochenkov-fix-id.timo1.vercel.app