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

use client and use server issues #6

Open
farrukh007 opened this issue Oct 8, 2023 · 5 comments
Open

use client and use server issues #6

farrukh007 opened this issue Oct 8, 2023 · 5 comments

Comments

@farrukh007
Copy link

`"use client";

import React from "react";

import {
Html,
Body,
Head,
Heading,
Hr,
Container,
Preview,
Section,
Text,
} from "@react-email/components";`

While using "use client' in contact-form-email.tsx file getting following issue:

server-issue

And If I remove "use client" get following error:

useclient-issue

Help me in this regard, please.

@elewint
Copy link

elewint commented Oct 10, 2023

Hi, I resolved this by downgrading react-email/tailwind to version 0.0.8, as described here:
https://stackoverflow.com/a/77207753/2688048

@farrukh007
Copy link
Author

thanks dear i will appreciate if you could share the proper command to downgragde react-email/tailwind to 0.0.8 version, please.

@elewint
Copy link

elewint commented Oct 10, 2023

Sure, I just searched for the commands online but this is what worked for me:

npm uninstall @react-email/tailwind
npm i @react-email/[email protected]

@farrukh007
Copy link
Author

Sure, I just searched for the commands online but this is what worked for me:

npm uninstall @react-email/tailwind
npm i @react-email/[email protected]

oooh booom its working. bundle of thanks dear. I m happy.

@farrukh007
Copy link
Author

dear bro i have some formating issues.

Screenshot 2023-10-08 010511

boxes are not well managed.
I tried to fix this width but it makes disorder them. How may I fix thier width and margin etc....

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants