Wierd unicode chars in rendered html?

[Philip2809]

Hey!

I get some unicode chars in my rendered html when using the render or renderAsync functions:

[gabrielmfern]

This is probably the characters that the Preview component adds in, this is expected, as those characters are meant so that only the content you want goes into the Preview.

Here's the piece of code responsible for this:

react-email/packages/preview/src/preview.tsx

Lines 35 to 41 in 2c2b070

	export const renderWhiteSpace = (text: string) => {
	if (text.length >= PREVIEW_MAX_LENGTH) {
	return null;
	}
	const whiteSpaceCodes = "\xa0\u200C\u200B\u200D\u200E\u200F\uFEFF";
	return <div>{whiteSpaceCodes.repeat(PREVIEW_MAX_LENGTH - text.length)}</div>;
	};