iamshaunjp / iamshaunjp/Supabase-Tutorial-for-Beginners

Error thrown from SupabaseClient.ts:75 Uncaught Error: supabaseUrl is required, even though both variables are there.

Open
#13 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
HTML
Stars
118
Forks
186
PR merge metrics
No merged PRs in 30d

Description

Hi,

I followed the intsructions in this video (https://www.youtube.com/watch?v=Gz9bvYybaws&list=PL4cUxeGkcC9hUb6sHthUEwG7r9VDPBMKO&index=2)
1. added the following in .env
```
REACT_APP_SUPABASE_URL=
REACT_APP_ANON_KEY=
```
2. created supabaseClient.js as instructed.
```
import { createClient } from '@supabase/supabase-js';
const supabaseUrl = process.env.REACT_APP_SUPABASE_URL;
const supabaseKey = process.env.REACT_APP_ANON_KEY;
const supabase = createClient(supabaseUrl, supabaseKey); // got supabaseUrl is required error, in spite of this

export default supabase;
```

3. imported correctly in my Home.js file.
```
import supabase from "../config/supabaseClient"

const Home = () => {
console.log(supabase);
return (


Home



)
}

export default Home
```
and still got the following error
Screenshot 2024-09-04 at 11 47 23 AM

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.