Skip to content

Update dependencies for react-email and hotfix packages#14

Open
matekissdev wants to merge 4 commits into
mainfrom
react-email-update
Open

Update dependencies for react-email and hotfix packages#14
matekissdev wants to merge 4 commits into
mainfrom
react-email-update

Conversation

@matekissdev

@matekissdev matekissdev commented May 8, 2026

Copy link
Copy Markdown
Collaborator

CodeAnt-AI Description

Update email and app dependencies, including the reset password email layout

What Changed

  • Updated the email system to the newer react-email packages so reset password emails keep working with the latest email components
  • Adjusted the reset password email card width, changing the email’s visual layout
  • Upgraded core app packages, including Next.js, React, and related build tools

Impact

✅ Fewer email template breakages
✅ Consistent reset password email rendering
✅ Reduced upgrade risk from older app dependencies

🔄 Retrigger CodeAnt AI Review

Details

💡 Usage Guide

Checking Your Pull Request

Every time you make a pull request, our system automatically looks through it. We check for security issues, mistakes in how you're setting up your infrastructure, and common code problems. We do this to make sure your changes are solid and won't cause any trouble later.

Talking to CodeAnt AI

Got a question or need a hand with something in your pull request? You can easily get in touch with CodeAnt AI right here. Just type the following in a comment on your pull request, and replace "Your question here" with whatever you want to ask:

@codeant-ai ask: Your question here

This lets you have a chat with CodeAnt AI about your pull request, making it easier to understand and improve your code.

Example

@codeant-ai ask: Can you suggest a safer alternative to storing this secret?

Preserve Org Learnings with CodeAnt

You can record team preferences so CodeAnt AI applies them in future reviews. Reply directly to the specific CodeAnt AI suggestion (in the same thread) and replace "Your feedback here" with your input:

@codeant-ai: Your feedback here

This helps CodeAnt AI learn and adapt to your team's coding style and standards.

Example

@codeant-ai: Do not flag unused imports.

Retrigger review

Ask CodeAnt AI to review the PR again, by typing:

@codeant-ai: review

Check Your Repository Health

To analyze the health of your code repository, visit our dashboard at https://app.codeant.ai. This tool helps you identify potential issues and areas for improvement in your codebase, ensuring your repository maintains high standards of code health.

Summary by CodeRabbit

  • Chores

    • Updated Next.js and React framework to latest stable versions for improved security, performance, and long-term compatibility
    • Enhanced email template code structure and type definitions for better maintainability
  • Style

    • Refined password reset email template layout styling for optimized visual presentation

@matekissdev matekissdev requested a review from kovrichard May 8, 2026 14:59
@matekissdev matekissdev self-assigned this May 8, 2026
@codeant-ai

codeant-ai Bot commented May 8, 2026

Copy link
Copy Markdown

CodeAnt AI is reviewing your PR.

@vercel

vercel Bot commented May 8, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
Project Deployment Actions Updated (UTC)
catalyst Ignored Ignored May 8, 2026 3:10pm

@codeant-ai codeant-ai Bot added the size:S This PR changes 10-29 lines, ignoring generated files label May 8, 2026
@coderabbitai

coderabbitai Bot commented May 8, 2026

Copy link
Copy Markdown

Review Change Stack

Warning

Rate limit exceeded

@matekissdev has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 50 minutes and 1 second before requesting another review.

You’ve run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 9e2a02d1-6c03-470a-a148-32389d14cce5

📥 Commits

Reviewing files that changed from the base of the PR and between e274948 and e9e6d87.

📒 Files selected for processing (2)
  • emails/reset-password.tsx
  • src/lib/aws/ses.tsx
📝 Walkthrough

Walkthrough

This PR upgrades the React Email library from a scoped package structure (@react-email/components) to a unified library (react-email v6.1.1), updates supporting framework dependencies (Next.js, React, React DOM), and migrates the reset password email template to use the new import paths and improved type safety with readonly props.

Changes

React Email Upgrade and Component Migration

Layer / File(s) Summary
React Email Package Upgrade
package.json
Removes @react-email/components from dependencies and adds react-email at version 6.1.1; in devDependencies, replaces react-email with @react-email/ui at 6.1.1.
Framework Dependencies
package.json
Next.js upgraded from 16.2.4 to 16.2.6; React and React DOM from 19.2.5 to 19.2.6; @next/bundle-analyzer from 16.2.4 to 16.2.6.
Email Component Implementation
emails/reset-password.tsx
Imports now source from react-email instead of @react-email/components; MailProps converted from interface to type; function parameter typed as Readonly<MailProps>; container max-width updated from max-w-[480px] to max-w-120.

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

🐰 A hop through React Email's halls,
Where scoped imports now consolidate,
Props wrapped in Readonly's gentle shawl,
Next.js and React celebrate—
Version bumps align their fate! ✨

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (4 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title accurately describes the main change: updating react-email dependencies and related package versions. It matches the changeset content across both emails/reset-password.tsx and package.json.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch react-email-update

Tip

💬 Introducing Slack Agent: The best way for teams to turn conversations into code.

Slack Agent is built on CodeRabbit's deep understanding of your code, so your team can collaborate across the entire SDLC without losing context.

  • Generate code and open pull requests
  • Plan features and break down work
  • Investigate incidents and troubleshoot customer tickets together
  • Automate recurring tasks and respond to alerts with triggers
  • Summarize progress and report instantly

Built for teams:

  • Shared memory across your entire org—no repeating context
  • Per-thread sandboxes to safely plan and execute work
  • Governance built-in—scoped access, auditability, and budget controls

One agent for your entire SDLC. Right inside Slack.

👉 Get started


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Comment thread emails/reset-password.tsx
Comment thread emails/reset-password.tsx Outdated
@codeant-ai

codeant-ai Bot commented May 8, 2026

Copy link
Copy Markdown

CodeAnt AI finished reviewing your PR.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@emails/reset-password.tsx`:
- Line 57: The Tailwind class "max-w-120" in the className on the wrapper (in
emails/reset-password.tsx) outputs rems (30rem) which email clients may ignore;
change it to an explicit pixel-based max-width (e.g., replace max-w-120 with
max-w-[480px] in the className) or enable Tailwind's pixelBasedPreset
project-wide so max-w-120 compiles to 480px; update the className on the element
that currently contains "mx-auto max-w-120 border border-border bg-card p-0" (or
configure pixelBasedPreset in your Tailwind/Tailwind-in-React-Email setup) to
ensure email-safe pixel values.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: e2de1a94-5114-4db7-a936-9d92efa6a9db

📥 Commits

Reviewing files that changed from the base of the PR and between af2d63b and e274948.

⛔ Files ignored due to path filters (1)
  • bun.lock is excluded by !**/*.lock
📒 Files selected for processing (2)
  • emails/reset-password.tsx
  • package.json

Comment thread emails/reset-password.tsx Outdated
@sonarqubecloud

sonarqubecloud Bot commented May 8, 2026

Copy link
Copy Markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:S This PR changes 10-29 lines, ignoring generated files

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant