Refine•3y ago

Login or Logout not working with create refine-app supabase preset

I made new project with

npm create refine-app@latest -- --preset refine-antd-supabase my-supabase-app

npm create refine-app@latest -- --preset refine-antd-supabase my-supabase-app

and login and logout is not working. In the console it shows the error
"{
"message": "No API key found in request",
"hint": "No

apikey

apikey

request header or url param was found."
}"
But I know the api key is correct as inferencer is also working. Any help is appreciated

kapa.ai•3/16/23, 6:43 PM

Hey @ahnaf1022! I'm the kapa.ai support bot. I've searched through the docs to try to answer your question.

kapa.ai•3/16/23, 6:43 PM

----------------------
It looks like you're having trouble getting the login and logout features to work with the preset.

First, make sure that you have added your Supabase URL and key to the file, as described in the Customizable Issue Tracker with Refine and Supabase (https://refine.dev/blog/customizable-issue-tracker-with-refine-and-supabase/) blog post.

Then, make sure that you have added the

authProvider

authProvider

and props to the

<Refine />

<Refine />

component in the

App.tsx

App.tsx

file, as described in the Simple Web Application Example with Refine (https://refine.dev/blog/simple-web-application-with-refine/) blog post.

Finally, if you are using the OTP authentication with Supabase and Twilio, make sure that you have imported the component in the

App.tsx

App.tsx

file and passed it as a prop to the

<Refine />

<Refine />

component, as described in the OTP Authentication with Supabase and Twilio in React (https://refine.dev/blog/supabase-twilio-otp-authentication-in-react/) blog post.

Create Your Easy Customizable Internal Issue Tracker With Refine an...

This web application will us to create issue and tasks for your team members. You will also be able to choose the priority of these tasks, their tags, and which person to assign them to.

Simple Web Application Example with Refine | refine

Do you want to develop a web application quickly? You are at the right place!

OTP Authentication with Supabase and Twilio in React | refine

We'll implement OTP(SMS) authorization using Twilio and Supabase in React app.

kapa.ai•3/16/23, 6:43 PM

If you are still having trouble, please refer to the [Supabase Authentication with Ref
----------------------

kapa.ai•3/16/23, 6:43 PM

@543682490951532554 kapa.ai is still learning and improving, please let us how it did by reacting below

full-greenOP•3/16/23, 6:45 PM

good bot, but that's not it

Omer•3/17/23, 6:20 AM

Hey @ahnaf1022 ,
Thank you for contacting us! Can you provide a CodeSandbox or StackBlitz environment that we can use to reproduce the issue?

Vverbal-lime Hey @ahnaf1022 , Thank you for contacting us! Can you provide a CodeSandbox or S...

full-greenOP•3/17/23, 7:38 PM

Sorry it just seems that I didn't make the proper routes in app.tsx. I was using v3 in another project so was a bit confused initially