Toying around with Supabase to switch from firebase for a hobby project. Using facebook as auth provider, and it works fine. But when logging in the callback leaves a # in the URL. How do I get rid of it?
import { useState, useEffect } from "react";
import { createClient, Session } from "@supabase/supabase-js";
const supabase = createClient(process.env.dbUrl, process.env.dbKey);
cost App = () => {
const [currentSession, setCurrentSession] = useState<Session | null>(null);
const signIn = async () => await supabase.auth.signIn({
provider: "facebook",
});
const signOut = async () => await supabase.auth.signOut();
useEffect(() => {
const session = supabase.auth.session();
setCurrentSession(session);
const { data: authListener } = supabase.auth.onAuthStateChange(
(event, session) => setCurrentSession(session)
);
return () => {
authListener?.unsubscribe();
};
}, []);
return (
<div className="App">
<button onClick={signIn}>Sign In</button>
<button onClick={signOut}>Sign Out</button>
<pre>{JSON.stringify(currentSession, null, 2)}</pre>
</div>
);
}
export default App;