Skip to content

fix(render): Prettier cutting off templates under certain conditions #1843

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 14 commits into from
Jan 27, 2025

Conversation

gabrielmfern
Copy link
Collaborator

@gabrielmfern gabrielmfern commented Dec 26, 2024

Addresses #1785.

The issue was specifically when using React 18 and rendering with the pretty option enabled, particularly happening in the preview server.

For some time I've noticed that React 18 seems to, for some reason, sometimes include null-byte characters in between certain chunks of HTML. The problem in this situation was then that Prettier also would give up on parsing the AST once it found one null-byte character for some reason.

To fix it, I ended up simply replacing all \0 characters with nothing right before inputting the HTML to the Prettier's format function. We can see this fixes the issue by looking at the test I added and adding a global override for using React 18 instead of 19.

Copy link

changeset-bot bot commented Dec 26, 2024

🦋 Changeset detected

Latest commit: 1ed5d00

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 13 packages
Name Type
@react-email/render Patch
@react-email/components Patch
react-email-with-aws-ses Patch
react-email-with-mailersend Patch
react-email-with-nodemailer Patch
react-email-with-plunk Patch
react-email-with-postmark Patch
react-email-with-resend Patch
react-email-with-sendgrid Patch
react-email-with-next-scaleway Patch
react-email-with-node-scaleway Patch
react-email-starter Patch
create-email Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link

vercel bot commented Dec 26, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
react-email ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jan 27, 2025 5:23pm
react-email-demo ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jan 27, 2025 5:23pm

gabrielmfern and others added 13 commits January 27, 2025 14:12
Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: gabriel miranda <[email protected]>
Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
@gabrielmfern gabrielmfern merged commit d2c269c into canary Jan 27, 2025
9 of 10 checks passed
@gabrielmfern gabrielmfern deleted the fix/preview-rendering-bug branch January 27, 2025 17:25
gabrielmfern added a commit that referenced this pull request Jan 27, 2025
…1843)

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: Bu Kinoshita <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
gabrielmfern added a commit that referenced this pull request Jan 27, 2025
…1843)

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: Bu Kinoshita <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
gabrielmfern added a commit that referenced this pull request Feb 3, 2025
…1843)

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: Bu Kinoshita <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
gabrielmfern added a commit that referenced this pull request Feb 4, 2025
…1843)

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: Bu Kinoshita <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
gabrielmfern added a commit to KayleeWilliams/react-email that referenced this pull request Feb 17, 2025
…esend#1843)

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: Bu Kinoshita <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants