[cause]: Invalid URL by using supabase recommend jabvascript snippet

[christonomous]

By using the javascript code given by supabase dashboard itself I get the error:

  [cause]: Invalid URL

      at new URL (node:internal/url:818:25)
      at new Request (node:internal/deps/undici/undici:9560:25)
      at fetch (node:internal/deps/undici/undici:10289:25)
      at fetch (node:internal/deps/undici/undici:13482:10)
      at fetch (node:internal/bootstrap/web/exposed-window-or-worker:75:12)
      at fetchLaunches (composables/useFetchContent.ts:6:30)
      at useFetchContent (composables/useFetchContent.ts:14:3)
      at setup (components/BusinessShowcase.vue:11:65)
      at _sfc_main.setup (components/BusinessShowcase.vue:95:23)
      at callWithErrorHandling (node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:200:19)

I have use this JS snippet shown in my project dahasbord:

import { createClient } from '@supabase/supabase-js'

const supabaseUrl = 'https://wnyjcdcusyepqduaoqhq.supabase.co'
const supabaseKey = process.env.SUPABASE_KEY
const supabase = createClient(supabaseUrl, supabaseKey)
if (error) throw createError({ statusCode: 500, message: error.message })

I am using supabase-js 2.47.16

I have console logged the key and its correct. Why do I get this error simply using your recommend code from dashboard. I have not complicated implementation. The URL is hardcoded! How can this be incorrect? The project is NOT set on pause in supabase projects.

[GaryAustin1]

Are you sure the error is coming from Supabase code? The trace does not mention any Supabase thing.

Your url is correctly formed.

Is the error occuring on createClient or later?

[christonomous]

nice hint. Thank you. This is interesting. If I uncomment the error handler, it works - but error handling is removed

import { createClient } from '@supabase/supabase-js'

const supabaseUrl = 'https://wnyjcdcusyepqduaoqhq.supabase.co'
const supabaseKey = process.env.SUPABASE_KEY
const supabase = createClient(supabaseUrl, supabaseKey)
// if (error) throw createError({ statusCode: 500, message: error.message })

My approach with error handling seeems to be wrong