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

Check the docs, but I don’t think the free and Starter plans have access to tehese advanced data and automation tools.