Initialising Supabase client on latest version with nextjs

import { createClient } from '@supabase/supabase-js';

// Create a single supabase client for interacting with your database
export const supabase = createClient(
  'https://xyzcompany.supabase.co',
  'public-anon-key',
);

import { supabase } from '@/utils/supabaseClient';
import { Auth, ThemeSupa } from '@supabase/auth-ui-react';
import React, { useState } from 'react';

const Login = () => <Auth supabaseClient={supabase} />;
export default Login;