use client and use server issues

[farrukh007]

`"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:

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

Help me in this regard, please.