Can't connect to Supabase within v0 editor

I'm having issues connecting to my Supabase instance inside the v0 preview environment. My site works when viewed on production, but not inside v0: v0-error

I went through the native Vercel-Supabase connection process. It shows as connected/active within both the Supabase and Vercel dashboards.

If I try to add environment variables within v0, it returns errors saying they have already been added:

A variable with the name NEXT_PUBLIC_SUPABASE_URL already exists for the target production on branch undefined

A variable with the name NEXT_PUBLIC_SUPABASE_ANON_KEY already exists for the target production on branch undefined

Do I need to manually configure Supabase environment variables for the v0 editor for it to function? If so, how?

Did you know about these other v0 resources? A human should be here soon to help, but the answer may already be available even faster in one of these other posts.

This guide is a great place to start. https://community.vercel.com/t/become-a-v0-expert/5981

Vercel Community

Become a v0 expert

Getting Started Using v0 is like chatting with a frontend engineer, who takes in your design guidelines and creates an application for you. A common workflow...

And these recordings can give you a look at v0 features and strategies in action: https://community.vercel.com/tags/c/events/42/v0

Finally figured it out. In case anyone is experiencing the same issue:

Open the v0 project settings.
Select each environment variable to edit.
Enable all environments: Production, Preview, Development

Thanks for coming back with this solution, Michael!