Initialising Supabase client on latest version with nextjs

Hi,

I just upgraded to latest

rc

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

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

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;

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.

Initialising Supabase client on latest version with nextjs

Hi,

I just upgraded to latest

rc

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

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

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;

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.

Initialising Supabase client on latest version with nextjs

Similar Threads

Initialising Supabase client on latest version with nextjs

Similar Threads

Similar Threads

Similar Threads