Supabase is an open source Firebase alternative. Start your project with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, and Storage.

Supabase

Hello <@370461203555811328>!
This thread has been automatically created from your message in <#843999948717555735> a few seconds ago.

We have already mentioned the <@&951828363943759883> so that they can see your message and help you as soon as possible!

**Want to unsubscribe from this thread?**
Right-click the thread in Discord (or use the ``...`` menu) and select "Leave Thread" to unsubscribe from future updates.

**Want to change the title?**
Use the ``/title`` command!

**We have solved your problem?**
Click the button below to archive it.

```export default function Home() {
  const [s3Buckets, setS3Buckets] = useState([])

  const getS3Buckets = async () => {
    let {data: s3_buckets, error} = await supabase
      .from('s3_buckets')
      .select('*')

    if (error) {
      console.error(error.message)
    } else {
      setS3Buckets(s3_buckets)
    }
  }

  useEffect(() => {
    getS3Buckets()
  }, [])```

🆕 Cannot read properties of undefined weird....

I have one row in my table. Shouldn't i be getting something back at least?

Hi <:vmathi:812484657547313212> Did you import the supabase dependency?

Cannot read properties of undefined weird....

`import supabase from '../utils/supabase'`

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

const supabaseUrl = process.env.REACT_APP_SUPABASE_URL
const supabaseAnonKey = process.env.REACT_APP_SUPABASE_ANON_KEY

export const supabase = createClient(supabaseUrl, supabaseAnonKey)```

Vite didn't even want to import the module

Vite doesn't want to import the module? This is definitely not normal

```
✘ [ERROR] No matching export in "utils/supabase.js" for import "default"

    src/App.jsx:2:7:
      2 │ import supabase from '../utils/supabase'```

You're exporting supabase as ``supabase`` not as default

```├── src
│   ├── App.css
│   ├── App.jsx
│   ├── favicon.svg
│   ├── index.css
│   ├── logo.svg
│   └── main.jsx
├── tailwind.config.js
├── utils
│   └── supabase.js
└── vite.config.js```

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

const supabaseUrl = process.env.REACT_APP_SUPABASE_URL
const supabaseAnonKey = process.env.REACT_APP_SUPABASE_ANON_KEY

export const supabase = createClient(supabaseUrl, supabaseAnonKey)
```
If you're using this code, you need to import supabase as
```ts
import { supabase } from '../utils/supabase';
```

If you want to import it as ``import supabase from '../utils/supabase'``, in that case simply ``export default``

sorry i haven't used React for a few months you know stuff just vanishes from your brain

It's Javascript modules, not related to react 😛

ok ill refrash...i have touched anything code related for a few months

Thread was archived by <@370461203555811328>. Anyone can send a message to unarchive it.