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.