i am trying to access address1 on shopify information page using checkout extensiblity but somehow i am getting this error in console i have tried multiple ways by giving different permission to the app, need suggestions on how can i fix this error
Steps Performed:
shopify.app.toml
-[access_scopes]
# Learn more at https://shopify.dev/docs/apps/tools/cli/configuration#access_scopes
scopes = "read_shipping"
Commands used after adding access scopes
-npm run config:push
-npm run dev and updated the app
same result after this. also added permissions for app dashboard.
Main checkout.jsx code
import {
Banner,
useApi,
useTranslate,
reactExtension,
useExtensionCapability,
useBuyerJourneyIntercept,
useShippingAddress, // Import useShippingAddress
} from '@shopify/ui-extensions-react/checkout';
import React, { useState } from "react";
export default reactExtension(
'purchase.checkout.block.render',
() => <Extension />,
);
function Extension() {
const translate = useTranslate();
const { extension } = useApi();
// Use useShippingAddress to get the shipping address
console.log("checkkk");
const shippingAddress = useShippingAddress();
console.log(shippingAddress)
return (
<Banner status="critical" title="Phone/Address Validation">
{translate('welcome', {target: extension.target})}
</Banner>
);
}
