Hard reload + useAsyncData = No data – Why?

const { data: template } = await useAsyncData(`campaignTemplateWithId${supabaseTemplateId}`, async (): Promise<Tables<'campaign_template'>> => {
    return await useCampaignTemplate().getTemplateById(supabaseTemplateId)
}, { transform: async (t): Promise<ICampaignDetailsForm> => {
    console.log('This works, I have data here', t)
    return {
        name: t.name,
        primary_text: t.primary_text!,
        heading: t.heading!,
        description: t.description!,
        page_id: useUserStore().company!.active_facebook_page_id!.toString(),
        supabase_template_images: await useUtils().getSupabaseStorageFullPaths(t.images!, 'campaign_template'),
        type: t.type
    }
} })

watch(template, (newTemplate) => {
    console.log('This is logged once with value null', newTemplate)
}, { immediate: true, deep: true })