Skip to content
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

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

Open
wants to merge 7 commits into
base: canary
Choose a base branch
from

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: bca76ce

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 Dec 27, 2024 5:08pm
react-email-demo ✅ Ready (Inspect) Visit Preview 💬 Add feedback Dec 27, 2024 5:08pm

dependabot bot and others added 7 commits December 27, 2024 14:06
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>
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.

1 participant