Module not found Can't resolve 'encoding' in node fetch

For some reason, I'm getting this weird error in supabase.

Versions:
"@supabase/auth-helpers-nextjs": "^0.4.5",
"@supabase/auth-helpers-react": "^0.3.1",
"@supabase/supabase-js": "^2.0.5",

I'm using nextjs 13 with the beta app directory. Here's my code:

"use client";

import "./globals.css";
import { createBrowserSupabaseClient } from "@supabase/auth-helpers-nextjs";
import { SessionContextProvider } from "@supabase/auth-helpers-react";
import { useState } from "react";

export default function RootLayout({
    children,
}: {
    children: React.ReactNode;
}) {
    const [supabaseClient] = useState(() => createBrowserSupabaseClient());
    return (
        <html lang="en">
            <head>
                <title>Create Next App</title>
                <meta name="description" content="Generated by create next app" />
                <meta name="viewport" content="width=device-width, initial-scale=1.0" />
                <link rel="icon" href="/favicon.ico" />
            </head>
            <body>
                <SessionContextProvider
                    supabaseClient={supabaseClient}
                    initialSession={null}
                >
                    {children}
                </SessionContextProvider>
            </body>
        </html>
    );
}
image.png
Was this page helpful?