Customer Account UI extension - profile page

[wfapp123]

I am trying to implement Customer Account UI extensions on my app. I have been following the tutorial in the documentation here: https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/targets/profile-(default)/custo.... 

I have been able to successfully create an extension to show loyalty points on the order status page however I am unable to successfully render any extensions on the profile page. There are no errors in the console and the extension appears after running 'shopify app dev'  it is just simply not appearing on the page. 

I followed the exact steps as instructed by the tutorial, see below:

import {
  reactExtension,
  Text,
} from '@shopify/ui-extensions-react/customer-account';
export default reactExtension(
  'customer-account.profile.block.render',
  () => <Extension />,
);
function Extension() {
  return <Text>I am a Profile extension</Text>;
}

and in my shopify.extension.toml:

api_version = "2024-10"

[[extensions]]
type = "customer_accounts"
name = "birthday"
handle = "birthday"

[[extensions.targeting]]
module = "./src/birthday.jsx"
target = "customer-account.profile.block.render"  

[extensions.capabilities]
network_access = true
api_access = true

I have also tried to target 'customer-account.profile.addresses.render-after' however that did not work either. 

Hoping I can get some assistance as I have done everything as per the documentation. 

Thanks.