Type 'UserResponse' is not assignable to type 'User'.
  Type '{ data: { user: User; }; error: null; }' is missing the following properties from type 'User': id, aud, role, email, and 11 more.ts(2322)
displayEmail.tsx(22, 5): The expected type comes from property 'user' which is declared here on type 'IntrinsicAttributes & DisplayEmailProps'
(property) DisplayEmailProps.user: User

import { createClient } from "@/utils/supabase/server";
import DisplayEmail from "../components/DisplayEmail";

export async function getProfile() {
  const supabase = createClient();
  const user = await supabase.auth.getUser();
  console.log(user);

  return user;
}
  
  interface DisplayEmailProps {
    user: any;
  }

const Home : ({}: DisplayEmailProps) => Promise<JSX.Element> = async ({}) => {
    const user1 = await getProfile();
  return (
    <div>
      {user1 && <DisplayEmail user={user1} />}
    </div>
  );
};

export default Home;

"use client"

interface User {
    id: string;
    aud: string;
    role: string;
    email: string;
    email_confirmed_at: string;
    phone: string;
    confirmation_sent_at: string;
    confirmed_at: string;
    last_sign_in_at: string;
    app_metadata: object;
    user_metadata: object;
    identities: Array<any>;
    created_at: string;
    updated_at: string;
    is_anonymous: boolean;
  }
  
  interface DisplayEmailProps {
    user: User;
  }


const DisplayEmail: React.FC<DisplayEmailProps> = ({ user }: DisplayEmailProps) => {
  return (
    <div>
      <h2>User Email</h2>
      <p>{user.email}</p>
    </div>
  );
};

export default DisplayEmail;