I'm currently working on a project that involves Supabase and Next.js version 12.3.4. I managed to set up Google sign-in following the steps outlined in this helpful tutorial: Supabase Login with Google. However, every time I run the project, Terminal keeps warning me:
No storage option exists to persist the session, which may result in unexpected behavior when using auth.
If you want to set persistSession to true, please provide a storage option or you may set persistSession to false to disable this warning.
Here is the snippet of code used for signing in:
import supabaseClient from "./supabaseClient";
export default async function signInWithGoogle() {
const { data, error } = await supabaseClient.auth.signInWithOAuth({
provider: 'google',
options: {
redirectTo: 'http://localhost:3000/account'
}
})
}
In response to another similar issue posted on Reddit here, one suggestion was to follow this tutorial. I attempted this since my project also includes a pages directory. However, the tutorial's instructions refer to an src/App.jsx file with an App function whereas my setup uses a pages/_app.js file with "export default class MyApp extends App". Following the recommended code in _app.js led to an error message saying
Error: Invalid hook call. Hooks can only be called inside of the body of a function component.This is a portion of my _app.js file:
import App from 'next/app'
import Head from 'next/head'
import React from 'react'
import { Analytics } from '@vercel/analytics/react';
import font from "/components/styles.css";
export default class MyApp extends App {
static async getInitialProps({ Component, ctx }) {
let pageProps = {}
if (Component.getInitialProps) {
pageProps = await Component.getInitialProps(ctx)
}
return { pageProps }
}
render() {
const { Component, pageProps } = this.props
return (
<>
<Head>
<title>words</title>
</Head>
<Component {...pageProps} />
<Analytics />
</>
)
}
}
Can anyone help me resolve the storage error? I am fairly new to all these technologies so any assistance would be greatly appreciated. Thank you!