Doubt - Social Login with NextJs and Typescript

import { Session, createClient } from '@supabase/supabase-js';
import { useState } from 'react';

const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL;
const supabaseKey = process.env.NEXT_PUBLIC_SUPABASE_CLIENT_KEY;
const supabaseClient = createClient(supabaseUrl, supabaseKey);
const useSupabase = () => {
  const [session, setSession] = useState<Session>(
    supabaseClient.auth.session()
  );
  supabaseClient.auth.onAuthStateChange(async (_event, session) => {
    setSession(session);
  });
  return { session, supabaseClient };
};
export { useSupabase, supabaseClient };

import siteMetadata from '@/data/siteMetadata';
import { GithubLoginButton } from 'react-social-login-buttons';

export function AuthGithubButon({ supabase }) {
  function handleGitHubLogin() {
    supabase.auth.signIn(
      { provider: 'github' },
      { redirectTo: `${siteMetadata.siteUrl}/community-wall` }
    );
  }
  return (
    <div className={`md:w-auto md:inline-flex`}>
      <GithubLoginButton onClick={handleGitHubLogin}>
        <span>GitHub</span>
      </GithubLoginButton>
    </div>
  );
}