Order Status Line Item Extension Duplicating Output

[Timothy_Blevins]

The target customer-account.order-status.cart-line-item.render-after is duplicating output.

import { 
    BlockStack, 
    reactExtension, 
    Text, 
    useTarget, 
    useApi 
} from "@shopify/ui-extensions-react/customer-account";

export default reactExtension("customer-account.order-status.cart-line-item.render-after", () => <Extension />);

function Extension() {
    const target = useTarget();    

    const api = useApi();

    const settings = api.settings.current;

    const is_dev = settings.is_dev;

    if(is_dev) console.log('is_dev - target', target);

    const delivery_note = target.attributes.find(function (o) {
        return o.key === "_final_note";
    });

    if(delivery_note){
        return (
        <BlockStack padding="none" inlineAlignment="left" spacing="none">
            <Text emphasis="bold" size="base">
                Estimated Delivery:
            </Text>
            <Text emphasis="bold" size="base">
                {delivery_note.value}
            </Text>
        </BlockStack>
        );
    }

    return null;
}

[Sylvain]

Hello @Timothy_Blevins, I created an extension for "customer-account.order-status.cart-line-item.render-after" and I was not able to reproduce your issue (see attached screenshot). Are you sure you don’t have a deployed version of your app conflicting with your dev app?

[Timothy_Blevins]

I turned off Development store preview while in active development mode and it only shows one. Having the app installed and running in active development mode seems to cause the duplication.