Refine•16mo ago

Cannot update password using supabase auth

Here is my repo: https://github.com/ThomasBurgess2000/budget

I created it using the supabase default project for NextJS.

Whenever I tried to reset the password, I get a reset link sent to my email, but whenever I go to that link it just takes me to the login page. I thought it was supposed to log me in and take me to an update password page.

So I created a

update-password

update-password

page myself. The reset link still takes me to the login page, but then I manually go to

/update-password

/update-password

. But whenever I try to reset the password there I get

Auth session missing!

Auth session missing!

What am I doing wrong?

GitHub

GitHub - ThomasBurgess2000/budget: Budget app built with Refine and...

Budget app built with Refine and Supabase. Contribute to ThomasBurgess2000/budget development by creating an account on GitHub.

kapa.ai•9/1/24, 6:28 AM

Hi @ninjinka. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base.

kapa.ai•9/1/24, 6:28 AM

----------------------
It sounds like you're encountering issues with the password reset flow using Supabase in your Next.js project. Based on the information provided in the knowledge sources, here are some steps and considerations to help you troubleshoot and resolve the issue:

Ensure Correct Redirect URL:
Make sure that the
```
redirectTo
```
```
redirectTo
```
URL in your password reset email is correctly set to your
```
/update-password
```
```
/update-password
```
page. This is crucial for the flow to work as expected.

Source: Understanding the Auth Provider Part 2 (https://refine.dev/docs/data/packages/supabase/#understanding-the-auth-provider)

Handle the Update Password Logic:
When the user navigates to the
```
/update-password
```
```
/update-password
```
page, you need to handle the password update logic. Ensure that your function is correctly implemented.

Source: Understanding the Auth Provider Part 3 (https://refine.dev/docs/data/packages/supabase/#understanding-the-auth-provider)

kapa.ai•9/1/24, 6:28 AM

Check for Auth Session:
The error
```
Auth session missing!
```
```
Auth session missing!
```
suggests that the session might not be properly set or retrieved. Ensure that the session is correctly managed and available when the user tries to update the password.

Source: Understanding the Auth Provider Part 3 (https://refine.dev/docs/data/packages/supabase/#understanding-the-auth-provider)

Ensure Proper Routing:
Make sure your routing is correctly set up to handle the
```
/update-password
```
```
/update-password
```
path. Here is an example of how you can set up the routes in your
```
App.tsx
```
```
App.tsx
```
:

```typescript
import { BrowserRouter, Routes, Route, Outlet } from "react-router-dom";
import { Refine, Authenticated } from "@refinedev/core";
import { AuthPage, RefineThemes, ThemedLayoutV2 } from "@refinedev/antd";
import routerProvider, { NavigateToResource, CatchAllNavigate } from "@refinedev/react-router-v6";
import { ConfigProvider } from "antd";
import authProvider from
----------------------
Note: you can ask me a follow up question by @ mentioning me again

----------------------

kapa.ai•9/1/24, 6:28 AM

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