Supabase Auth UI does not function in TypeScript

[CompeyDev]

Bug report

Describe the bug

The examples given on the page https://ui.supabase.io/components/auth do not seem to work (in TypeScript with the latest Next.js).

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

export default function AuthBasic() {
  return (
    <Auth.UserContextProvider supabaseClient={supabase}>
      <Container supabaseClient={supabase}>
        <Auth onlyThirdPartyProviders={true} supabaseClient={supabase} providers={['google', 'facebook', 'github']} />
      </Container>
    </Auth.UserContextProvider>
  )
}

Expected behavior

The given code would compile with no errors.

Screenshots

System information

• OS: Windows
• Version of supabase-js: 2.0.0-rc.4
• Version of Node.js: 16.16.0

Additional information

While installing the UI package, A bunch of errors with peer dependencies occurred:

[CompeyDev]

More errors that seem to occur with the package

This occurs within the package itself.

[CompeyDev]

Sorry for accidentally closing the issue! 😅

[phongplus]

remove and will work.

[MildTomato]

This component is being deprecated.

Would it be ok to please refer to https://github.com/supabase-community/auth-ui

It is a new NPM package, so please use the new package 😄

[CompeyDev]

remove and will work.

It would not.

[CompeyDev]

This component is being deprecated.

Would it be ok to please refer to https://github.com/supabase-community/auth-ui

It is a new NPM package, so please use the new package 😄

Sure, thanks for the help :)

Will let you know if I'm running into more issues.

[MildTomato]

I'm going to close this issue for now since we have moved this component to https://github.com/supabase-community/auth-ui