SupabaseS
Supabase•4y ago
lukehennerley

Initialising Supabase client on latest version with nextjs

Hi,

I just upgraded to latest rc of Supabase to use the new auth component, unfortunately, now I get the error attached in the image.

I am not doing anything complicated, my supabaseClient.ts looks like this (ignore the keys I have them correctly being passed):

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',
);

Login.tsx looks like this:

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;


This is on version 12.2.2 of NextJS - any ideas? I haven't messed around in the web world for a long time so I am guessing it might be something in my tsconfig that I am missing blindly.
unknown.png
Was this page helpful?