TypeError: Cannot convert undefined or null to object | NextAuth

Question

我正在尝试使用 Nextauth 登录。这是我的代码：

import { getProviders, signIn as SignIntoProvider} from "next-auth/react";

function signIn({ providers }) {
    return (
        <>
        {Object.values(providers).map((provider) => (
            <div key={provider.name}>
              <button onClick={() => SignIntoProvider(provider.id)}>
                Sign in with {provider.name}
              </button>
            </div>
          ))}
        </>
    );
}

export async function getServerSideProps() {
    const providers = await getProviders();

    return {
        props: {
            providers
        }
    }
}

export default signIn;

但是我得到这个错误：

error image

我看到有人和我一样有 similar/same 错误。我已经尝试了所有建议的解决方案。就是这个问题：

当我尝试使用绿色钩子的解决方案时，没有任何反应。甚至没有错误。

其他的也不行

我做错了什么？？？祝福。

Answer 1

像这样添加空检查function signIn({ providers }) { return ( <> {providers && !!Object.keys(providers).length && Object.values(providers).map((provider) => ( <div key={provider.name}> <button onClick={() => SignIntoProvider(provider.id)}> Sign in with {provider.name} </button> </div> ))} </> ); }

TypeError: Cannot convert undefined or null to object | NextAuth

TypeError: Cannot convert undefined or null to object | NextAuth

reactjs

typescript

next.js

next-auth