The link element is not navigating the user to the appropriate href specified.

abuzain432432 commented 3 weeks ago

Describe the Bug

I have specified the links in the footer, but I don't know why they are not working. This is the code. I am testing it in the Gmail client.

Which package is affected (leave empty if unsure)

@react-email/link

Link to the code that reproduces this issue

https://github.com/abuzain432432/React-Email-Bug-In-Link_Component

To Reproduce

Set up a project with React Email:
- Initialize a new project using React or Next.js.
- Install the react-email package.
Create an email template:
Copy code from the linked repo to your project:

Expected Behavior

Clicking on social media links in the footer of the email should redirect to the specified URLs. For example, a Facebook link should take the user to a specific Facebook profile page, not to an unrelated or random URL.

What's your node version? (if relevant)

20

gabrielmfern commented 3 weeks ago

What happens when you click the URL? Does it redirect the user successfully, or does it not work at all?

My understanding here is that email clients, like Gmail, will generate some safe URL of theirs that redirects into your URL. Is that what you don't expect here? Because, beyond that, it seems to work fine.

abuzain432432 commented 3 weeks ago

When I click on the link it redirects me to a broken URL. I don't know why. in the actual case, it should redirect me to this URL https://twitter.com/MuuveGroup in Gmail client in development preview