ratty-blush•7mo ago

Application Error in refine/remix with supabase

i cloned a refine/remix application using supabase as the dataProvider, after changing to my supabase key and url and i run npm run dev i am getting the mentioned error from my browser, please how do i solve this?

5 Replies

kapa.ai•7mo ago

Hi @bigsam_dev. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- Hmm, I don't know enough to give you a confident answer yet. The extracts provided do not contain specific information about the error you're encountering in your refine/remix application with Supabase. However, it's worth noting that there's a known issue when trying to use a different table schema with Supabase in the refine project. The error occurs when you change the supabaseClient options schema from "public" to anything else. If this is similar to your case, you might want to check that. Here's how the supabaseClient is typically set up in a refine project:

import { Refine } from "@refinedev/core";  
import { dataProvider } from "@refinedev/supabase";  
import { supabaseClient } from "utility";  
  
function App() {  
 return (  
 <Refine  
 dataProvider={dataProvider(supabaseClient)}  
 //...  
 >  
 {/* ... */}  
 </Refine>  
 );  
}  
  
export default App;

import { Refine } from "@refinedev/core";  
import { dataProvider } from "@refinedev/supabase";  
import { supabaseClient } from "utility";  
  
function App() {  
 return (  
 <Refine  
 dataProvider={dataProvider(supabaseClient)}  
 //...  
 >  
 {/* ... */}  
 </Refine>  
 );  
}  
  
export default App;

For more detailed information, you might want to refer to the official documentation (https://refine.dev/docs/packages/data-providers/supabase#register-supabase-data-provider) or the Github issue (https://github.com/refinedev/refine/issues/4962) related to this topic. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•7mo ago

<@1128301722813616239> kapa.ai is still learning and improving, please let us know how it did by reacting below

ratty-blush•7mo ago

here's how my superbaseClient.ts look like

export const supabaseClient = createClient(SUPABASE_URL, SUPABASE_KEY, {
  db: {
    schema: "public",
  },
  auth: {
    persistSession: true,
  },
});

export const supabaseClient = createClient(SUPABASE_URL, SUPABASE_KEY, {
  db: {
    schema: "public",
  },
  auth: {
    persistSession: true,
  },
});

@kapa.ai @kapa.ai

kapa.ai•7mo ago

Let me check the knowledge base for you. One moment! :books: Sorry @bigsam_dev, I seem to be having a bit of trouble. Don't worry though, I've pinged my supprt and they will try to fix me up! :technologist: Perhaps try again in 15mins?

exotic-emerald•6mo ago

Hello @bigsam, we will debug and return you as soon as possible. Hello again @bigsam , did you select Ant design ? I created new project with following options and I have no issue. can you give us more detail of your enviorment please ?

✔ Choose a project template · refine-remix
✔ What would you like to name your project?: · rotten-coins-serve
✔ Choose your backend service to connect: · data-provider-supabase
✔ Do you want to use a UI Framework?: · antd
✔ Do you want to add example pages?: · inferencer
✔ Choose a package manager: · npm

✔ Choose a project template · refine-remix
✔ What would you like to name your project?: · rotten-coins-serve
✔ Choose your backend service to connect: · data-provider-supabase
✔ Do you want to use a UI Framework?: · antd
✔ Do you want to add example pages?: · inferencer
✔ Choose a package manager: · npm

you can use npm run refine whoami