ByteGrad / portfolio-website

Build & Deploy a modern React / Next.js portfolio website from scratch!
https://www.youtube.com/watch?v=sUKptmUVIBM
622 stars 339 forks source link

use client and use server issues #6

Open farrukh007 opened 1 year ago

farrukh007 commented 1 year ago

`"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 commented 12 months ago

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

farrukh007 commented 12 months ago

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

elewint commented 12 months ago

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

npm uninstall @react-email/tailwind
npm i @react-email/tailwind@0.0.8
farrukh007 commented 12 months ago

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

npm uninstall @react-email/tailwind
npm i @react-email/tailwind@0.0.8

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

farrukh007 commented 12 months ago

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....