Thread Discussion

Hi all!
I am trying to show the contact details within the card I have created and integrated in the contacts. However, unfortunately, I am unable to render the contact's "Name" and "Email" within the card. Can someone please look at the format I am using in my jsx file? (I am new to React.js)

import React from "react";
import { Text, hubspot } from "@hubspot/ui-extensions";

hubspot.extend(({ context }) => {

console.log("FULL CONTEXT:", JSON.stringify(context, null, 2));

const properties = context.crm?.object?.properties;

return (
<>
<Text format={{ fontWeight: "bold" }}>Contact Info</Text>
<Text>
Name: {properties?.firstname || "N/A"} {properties?.lastname || ""}
</Text>
<Text>Email: {properties?.email || "N/A"}</Text>
</>
);
});