Error: "Data resolution is not enabled for this portal" when using useCrmProperties

import React, { useState, useEffect } from "react";
import {
 Text,
 hubspot, Flex
} from "@hubspot/ui-extensions";
import {
 useCrmProperties,
 useAssociations
} from "@hubspot/ui-extensions/crm";

hubspot.extend(({actions}) => <Extension fetchProperties={actions.fetchCrmObjectProperties}/>);

const Extension = ({fetchProperties}) => {

 const [dealName, setDealName] = useState('');

 useEffect(() => {
 fetchProperties(['dealname', 'associations']).then((properties) => {
 setDealName(properties.dealname);
 });
 }, [fetchProperties]);

 const { properties, isLoading, error } = useCrmProperties(
 ['dealname'],
 );

 if (error) {
 return <Text>Error loading properties: {error.message}</Text>;
 }

 return (
 <Flex>
 <Text>Deal name using 'fetchCrmObjectProperties': {dealName}</Text>
 <Text>Deal name using 'useCrmProperties': {properties.dealname}</Text>
 </Flex>
 );
};


This is the app card

Are you on a free or starter HubSpot plan?

I am on a Free plan

useCrmProperties is supported for app cards, here is the documentation for more information: Properties API - HubSpot docs

Moderator Note: this post was reviewed for relevancy and optimized for clarity on September 30, 2026. Thank you for your contributions to the HubSpot Community!