Vite hotreload breaks supabase client

I'm stuck with a weird problem where the supabase client basically stops working as soon as I had a hot reload happen.

I have a straight forward supabase client setup in a seperate file like this

import { createClient } from '@supabase/supabase-js'
import { injectSupabaseClient } from 'frnak-components'

const supabaseUrl = import.meta.env.VITE_SUPABASE_URL
const supabaseAnonKey = import.meta.env.VITE_SUPABASE_ANON_KEY

export const supabase = createClient(supabaseUrl, supabaseAnonKey)

On one of my views i have

import { supabase } from '../supabase'

const loadLatestMatch = async () => {
  console.log('Loading Match...')
  const { data, error } = await supabase
    .from('v_user_matches')
    .select('*')
    .order('created_at', { ascending: false })
    .limit(1)
  console.log('Done Loading', error, data)
  mostRecentMatch.value = data?.length ? data[0] : null
}

onMounted(async () => {
  console.log("Mounted")
  await loadLatestMatch()
})

When refreshing the page / browser everything works, also when navigating inbetween the views I see all logs as expected.

As soon as I make a single change in my code and save it (which triggers hot reload) I see the logs:

Mounted
Loading Match...

And then nothing. The client / query is hard to debug. I don't see any network activity. This is happening on all my views for all my supabase queries.