小编maa*_*ajo的帖子

我正在使用 nextjs 和 supabase 创建一个项目。

由于未知原因，我在控制台中收到以下警告：

在同一浏览器上下文中检测到多个 GoTrueClient 实例。这不是错误，但应该避免这种情况，因为在同一存储键下并发使用时可能会产生未定义的行为。

我似乎找不到可能导致此问题的原因

这是我在 _app.tsx 中启动 supabase 实例的方式：

export default function App({
  Component,
  pageProps,
}: AppProps<{ initialSession: Session }>) {
  const [supabaseClient] = useState(() => createBrowserSupabaseClient());

  return (
    <>
      <style jsx global>
        {`
          :root {
            --font-inter: ${inter.style.fontFamily};
          }
        `}
      </style>
      <SessionContextProvider
        supabaseClient={supabaseClient}
        initialSession={pageProps.initialSession}
      >
        <ChakraProvider theme={theme}>
          <Layout>
            <Component {...pageProps} />
          </Layout>
        </ChakraProvider>
      </SessionContextProvider>
    </>
  );
}

这就是我在组件中使用实例的方式：

const ForgotPassword = () => {
  const toast = useToast();
  const supabase = useSupabaseClient();
...
} …