adrianhajdin/globals.css

Hii all,
when i am deploying my project on vercel it is giving me error like below...
Export encountered errors on following paths:
/update-prompt/page: /update-prompt

please help me with that

Hii all, when i am deploying my project on vercel it is giving me error like below... Export encountered errors on following paths: /update-prompt/page: /update-prompt

please help me with that

Hi @Harshitn24 I am stuck with the same error as well I did everything I could to wrap the component that uses the useSearchParams() in suspense boundary and I haven't solved it as well. Lol maybe if we shout! together someone might hear us and help

Hii all, when i am deploying my project on vercel it is giving me error like below... Export encountered errors on following paths: /update-prompt/page: /update-prompt

please help me with that

harshith, I am also facing the same issue, if any updates,please let me know

Hii all, when i am deploying my project on vercel it is giving me error like below... Export encountered errors on following paths: /update-prompt/page: /update-prompt

please help me with that

just go to the next.config.mjs and add the following line in the experimental attribute=> missingSuspenseWithCSRBailout: false

Hii all, when i am deploying my project on vercel it is giving me error like below... Export encountered errors on following paths: /update-prompt/page: /update-prompt
please help me with that

Hi @Harshitn24 I am stuck with the same error as well I did everything I could to wrap the component that uses the useSearchParams() in suspense boundary and I haven't solved it as well. Lol maybe if we shout! together someone might hear us and help

The solution to the problem is to warp the (EditPrompt or UpdatePrompt) component with the react 18 Suspense wrapper.

update-prompt/page.jsx

// page.jsx

import { Suspense } from "react";
import dynamic from "next/dynamic";

const EditPrompt = dynamic(() => import("@components/EditPrompt"), {
  suspense: true,
});

const Page = () => {
  return (
    <Suspense>
      <EditPrompt />
    </Suspense>
  );
};

export default Page;

components/EditPormpt

// EditPrompt.jsx

"use client";

import { useState, useEffect } from "react";
import { useRouter, useSearchParams } from "next/navigation";

import Form from "@components/Form";

const EditPrompt = () => {
  const router = useRouter();
  const searchParams = useSearchParams();
  const promptId = searchParams.get("id");

  const [submitting, setSubmitting] = useState(false);
  const [post, setPost] = useState({
    prompt: "",
    tag: "",
  });

  useEffect(() => {
    const getPromptDetails = async () => {
      const response = await fetch(`/api/prompt/${promptId}`);
      const data = await response.json();

      setPost({
        prompt: data.prompt,
        tag: data.tag,
      });
    };

    if (promptId) getPromptDetails();
  }, [promptId]);

  const updatePrompt = async (e) => {
    e.preventDefault();
    setSubmitting(true);

    if (!promptId) return alert("Prompt Id not found!");

    try {
      const response = await fetch(`/api/prompt/${promptId}`, {
        method: "PATCH",
        body: JSON.stringify({
          prompt: post.prompt,
          tag: post.tag,
        }),
      });

      if (response.ok) {
        router.push("/");
      }
    } catch (error) {
      console.log(error);
    } finally {
      setSubmitting(false);
    }
  };

  return (
    <Form
      type="Edit"
      post={post}
      setPost={setPost}
      submitting={submitting}
      handleSubmit={updatePrompt}
    />
  );
};

export default EditPrompt;

Follow: How I solved
I moved the EditPrompt component to the components folder and imported it from there.

"use client";
import Link from "next/link";
import Image from "next/image";
import { useState, useEffect } from `"react";` <- typo here
import { useState, useEffect } from "react";
import { signIn, signOut, useSession, getProviders } from "next-auth/react";

const Nav = () => {
  const {data:session} = useSession();
  const [providers, setProviders] = useState(null);
  const [toggle,setToggle] = useState(false);
  useEffect(() => {
    const setUpProviders = async () => {
      const response = await getProviders();
      // alert(response);
      console.log(response);
      setProviders(response);
      console.log(providers);
    };
    setUpProviders();
  }, []);
  return (
    <div className="w-full flex-between m-2 ">
      <Link href="/">
        <Image
          src="/assets/images/logo.svg"
          alt="logo"
          width={30}
          height={30}
        />
      </Link>
      {/* {alert(providers)} */}
      {/* desktop view */}
      <div className="sm:flex hidden">
        {session?.user ? (
          <div className="flex gap-2">
            <Link href="/create-prompt" className="black_btn">
              Create Post
            </Link>
            <button type="button" onClick={signOut} className="outline_btn">
              {" "}
              Sign Out
            </button>
            <Link href="profile">
              <Image
                src="/assets/images/logo.svg"
                width={37}
                height={37}
                alt="profile"
              ></Image>
            </Link>
          </div>
        ) : (
          <>
            {providers &&
              Object.values(providers).map((provider) => {
                <button
                  type="button"
                  key={provider.name}
                  onClick={() => signIn(provider.id)}
                  className="black_btn" <- was missing
                >
                  Sign In
                </button>;
              })}
          </>
        )}
      </div >
      {/* mobile view */}
      <div className="sm:hidden relative flex">
        {session?.user ? (<div>
              <Image
                src="/assets/images/logo.svg"
                width={37}
                height={37}
                alt="profile"
                onClick={()=>setToggle((prev)=>!prev)}
              />
              {toggle && (
                <div className="dropdown">
                  <Link
                    href="/profile"
                    className="dropdown_link"
                    onClick={() => setToggle(false)}
                  >
                    Profile
                  </Link>
                  <Link
                    href="/create-prompt"
                    className="dropdown_link"
                    onClick={() => setToggle(false)}
                  >
                    Create Post
                  </Link>
                  <button
                    type="button"
                    onClick={() => {
                      setToggle(false);
                      signOut();
                    }}
                    className="mt-5 w-full black_btn"
                  >
                    Sign Out
                  </button>
                </div>
              )}
              </div>
        ) : (
          <>
            {providers &&
              Object.values(providers).map((provider) => {
                <button
                  type="button"
                  key={provider.name}
                  onClick={() => signIn(provider.id)}
                  className="black_btn" <- was missing
                >
                  Sign In
                </button>;
              })}
          </>
        )}
      </div>
    </div>
  );
};

export default Nav;

Sign in button not showing, pls help.

Here Typo

import { useState, useEffect } from `"react";` <- typo here
import { useState, useEffect } from "react";

In providers state conditional rendering missing className='black_btn'

{providers &&
   Object.values(providers).map((provider) => {
      <button
         type="button"
         key={provider.name}
         onClick={() => signIn(provider.id)}
         className="black_btn" <- was missing
        >
        Sign In
       </button>;
})}

My code is working fine. You can look into codes.

You can also look here: Showing Sign-in button

Hii all, when i am deploying my project on vercel it is giving me error like below... Export encountered errors on following paths: /update-prompt/page: /update-prompt
please help me with that

just go to the next.config.mjs and add the following line in the experimental attribute=> missingSuspenseWithCSRBailout: false

In next.js documentation, it is not ideal as they say. Next js documentation

i successfully went through the access denied error but when i try to login it says to try with a different account. Can anyone please help. Its been 3hours and i am working on this error

i successfully went through the access denied error but when i try to login it says to try with a different account. Can anyone please help. Its been 3hours and i am working on this error

Check your 'console.cloud' on Google OAuth 2.0, and check for typos. It happened in my case and I was able to solve it.

i successfully went through the access denied error but when i try to login it says to try with a different account. Can anyone please help. Its been 3hours and i am working on this error

@drshshzaman
Check your 'console.cloud' on Google OAuth 2.0, and check for typos. It happened in my case and I was able to solve it.

I have checked everything triple times but still it doesnt work. i cant even find its fix in the documentation. please help

i successfully went through the access denied error but when i try to login it says to try with a different account. Can anyone please help. Its been 3hours and i am working on this error

@drshshzaman
Check your 'console.cloud' on Google OAuth 2.0, and check for typos. It happened in my case and I was able to solve it.

I have checked everything triple times but still it doesnt work. i cant even find its fix in the documentation. please help

Check your api/auth/[...nextauth] route.js
Next Auth route

i successfully went through the access denied error but when i try to login it says to try with a different account. Can anyone please help. Its been 3hours and i am working on this error

@drshshzaman
Check your 'console.cloud' on Google OAuth 2.0, and check for typos. It happened in my case and I was able to solve it.

I have checked everything triple times but still it doesnt work. i cant even find its fix in the documentation. please help

@drshshzaman
Check your api/auth/[...nextauth] route.js Next Auth route

I have literally copy pasted from the repo and checked three times everything. i cant get it whats wrong.

i have added this line in the end
export { handler as GET, handler as POST };

please tell me the fix. its been two days and i am stuck

Hello everyone. I´ve been having this issue and don´t know how to fix it.

Would appreciate some help.

Hello everyone. I´ve been having this issue and don´t know how to fix it. Would appreciate some help.

I think you have to use "use client" at the top of your importing
example:
'use client' import { useSession } from 'next-auth/react' import { useRouter } from 'next/navigation' import {useState, useEffect} from 'react'

After moving the async functions in route.js inside callbacks object, I am getting timed out error

MongooseError: Operation users.findOne() buffering timed out after 10000ms
at Timeout. (/Users/satbose/promptopia/node_modules/mongoose/lib/drivers/node-mongodb-native/collection.js:185:23)
at listOnTimeout (node:internal/timers:573:17)
at process.processTimers (node:internal/timers:514:7)
GET /api/auth/callback/google?state=LtbhGTi_II6RGfOs0fHyFkTPDeU6EJIDAR_yfCfjk_w&code=4%2F0AcvDMrA8ZXoWghvqrxPqWThKv0pwJ3WRSTKrVZa4xeuDXANUZUZoI-nlUeJs-87lqP0LGg&scope=email+profile+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.profile+https%3A%2F%2Fwww.googleapis.com%2Fauth%2Fuserinfo.email+openid&authuser=0&prompt=none 302 in 10846ms
GET /api/auth/error?error=AccessDenied 403 in 18ms
MongooseError: Operation users.findOne() buffering timed out after 10000ms
at Timeout. (/Users/satbose/promptopia/node_modules/mongoose/lib/drivers/node-mongodb-native/collection.js:185:23)
at listOnTimeout (node:internal/timers:573:17)
at process.processTimers (node:internal/timers:514:7)

i successfully went through the access denied error but when i try to login it says to try with a different account. Can anyone please help. Its been 3hours and i am working on this error

@drshshzaman
Check your 'console.cloud' on Google OAuth 2.0, and check for typos. It happened in my case and I was able to solve it.

I have checked everything triple times but still it doesnt work. i cant even find its fix in the documentation. please help

@drshshzaman
Check your api/auth/[...nextauth] route.js Next Auth route

I have literally copy pasted from the repo and checked three times everything. i cant get it whats wrong.

i have added this line in the end export { handler as GET, handler as POST };

please tell me the fix. its been two days and i am stuck

Hi, I get the same issue and I could not solve it. Did you find a solution to the problem?

i successfully went through the access denied error but when i try to login it says to try with a different account. Can anyone please help. Its been 3hours and i am working on this error

@drshshzaman
Check your 'console.cloud' on Google OAuth 2.0, and check for typos. It happened in my case and I was able to solve it.

I have checked everything triple times but still it doesnt work. i cant even find its fix in the documentation. please help

@drshshzaman
Check your api/auth/[...nextauth] route.js Next Auth route

I have literally copy pasted from the repo and checked three times everything. i cant get it whats wrong.
i have added this line in the end export { handler as GET, handler as POST };
please tell me the fix. its been two days and i am stuck

Hi, I get the same issue and I could not solve it. Did you find a solution to the problem?

After some time trying different solutions, I found one that worked for me:
I changed the .env from the 'utils' directory to the root directory of the project and restarted the development server (by running npm run dev)
This resolved the issue for me. To confirm, I moved the .env file back to the utils directory, and the problem reappeared

i successfully went through the access denied error but when i try to login it says to try with a different account. Can anyone please help. Its been 3hours and i am working on this error

@drshshzaman
Check your 'console.cloud' on Google OAuth 2.0, and check for typos. It happened in my case and I was able to solve it.

I have checked everything triple times but still it doesnt work. i cant even find its fix in the documentation. please help

@drshshzaman
Check your api/auth/[...nextauth] route.js Next Auth route

I have literally copy pasted from the repo and checked three times everything. i cant get it whats wrong.
i have added this line in the end export { handler as GET, handler as POST };
please tell me the fix. its been two days and i am stuck

Hi, I get the same issue and I could not solve it. Did you find a solution to the problem?

After some time trying different solutions, I found one that worked for me: I changed the .env from the 'utils' directory to the root directory of the project and restarted the development server (by running npm run dev) This resolved the issue for me. To confirm, I moved the .env file back to the utils directory, and the problem reappeared

i will try this. thank you

Hey guys! For those, who have "Access Denied" error. After spent some time debugging, I figured: My google name is less longer then 8 characters. So, I just change validation from 8 to 6 characters, which solved this issue

username: { type: String, required: [true, 'Username is required!'], match: [/^(?=.{6,20}$)(?![.])(?!.*[.]{2})[a-zA-Z0-9.]+(?<![.])$/, }

Hoping this will help somebody to get out from error.

Thank you for the information it resolve my error

whenever I try to use http://localhost:3000 on google cloud console, it doesn't' accept it. please how can I go about this??

whenever I try to use http://localhost:3000 on google cloud console, it doesn't' accept it. please how can I go about this??

I faced the same issue, I proceeded without setting it and it worked just fine.

I'm getting the following error, any solution ?

message: 'Operation users.findOne() buffering timed out after 10000ms',
stack: 'MongooseError: Operation users.findOne() buffering timed out after 10000ms\n' +
' at Timeout. (C:\Users\Mohsin\Documents\nextapp\node_modules\mongoose\lib\drivers\node-mongodb-native\collection.js:185:23)\n' +
' at listOnTimeout (node:internal/timers:581:17)\n' +
' at process.processTimers (node:internal/timers:519:7)',
name: 'MongooseError'

I'm getting the following error, any solution ?

message: 'Operation users.findOne() buffering timed out after 10000ms',
stack: 'MongooseError: Operation users.findOne() buffering timed out after 10000ms\n' +
' at Timeout. (C:\Users\Mohsin\Documents\nextapp\node_modules\mongoose\lib\drivers\node-mongodb-native\collection.js:185:23)\n' +
' at listOnTimeout (node:internal/timers:581:17)\n' +
' at process.processTimers (node:internal/timers:519:7)',
name: 'MongooseError'

In my case I wasn't getting connected to DB because of invalid mongodb uri.

i am unable to delete the prompt permanently, it deletes initially but when i go back to my feed i still find it there and if i navigate back to my profile also i see it the even after deleting, it comes back

i am unable to delete the prompt permanently, it deletes initially but when i go back to my feed i still find it there and if i navigate back to my profile also i see it the even after deleting, it comes back

It should be findByIdAndDelete not findByIdAndRemove

i successfully went through the access denied error but when i try to login it says to try with a different account. Can anyone please help. Its been 3hours and i am working on this error

the username in the user.js model is what is causing this error

[next-auth][warn][NEXTAUTH_URL]
https://next-auth.js.org/warnings#nextauth_url
[next-auth][warn][NO_SECRET]
https://next-auth.js.org/warnings#no_secret
GET /api/auth/providers 200 in 389ms
my nav.jsx code is

"use client";
import Link from "next/link";
import Image from "next/image";
import { useEffect, useState } from "react";
import { signIn, signOut, useSession, getProviders } from "next-auth/react";

const Nav = () => {
const { data: session } = useSession();
// if the user is not logged in

const [providers, setProviders] = useState(null);
const [toggleDropdown, setToggleDropdown] = useState(false);



useEffect(() => {
    (async () => {
      const res = await getProviders();
      setProviders(res);
    })();
  }, []);

return (

Promptopia

   <div className='sm:flex hidden'>
    {session?.user ?(
        <div className="flex gap-3 md:gap-5">
            <Link href="/create-prompt" className="black_btn">
            create post
            </Link>
            <button type='button' onClick={signOut} className='outline_btn'>
          Sign Out
         </button>
         <Link href='/profile'>
          <Image
            src={session?.user.image}
            width={37}
            height={37}
            className='rounded-full'
            alt='profile'
          />
        </Link>


        </div>
    ):(
        <>
        {providers &&
          Object.values(providers).map((provider) => (
            <button
              type='button'
              key={provider.name}
              onClick={() => {
                signIn(provider.id);
              }}
              className='black_btn'
            >
              Sign in
            </button>
          ))}
        </>

    )}

{session?.user ? (

setToggleDropdown(!toggleDropdown)} />

        {toggleDropdown && (
          <div className='dropdown'>
            <Link
              href='/profile'
              className='dropdown_link'
              onClick={() => setToggleDropdown(false)}
            >
              My Profile
            </Link>
            <Link
              href='/create-prompt'
              className='dropdown_link'
              onClick={() => setToggleDropdown(false)}
            >
              Create Prompt
            </Link>
            <button
              type='button'
              onClick={() => {
                setToggleDropdown(false);
                signOut();
              }}
              className='mt-5 w-full black_btn'
            >
              Sign Out
            </button>
          </div>
        )}
      </div>
    ) : (
      <>
        {providers &&
          Object.values(providers).map((provider) => (
            <button
              type='button'
              key={provider.name}
              onClick={() => {
                signIn(provider.id);
              }}
              className='black_btn'
            >
              Sign in
            </button>
          ))}
      </>
    )}
  </div>
</nav>

);
};

export default Nav;

it is not showing the create post and right icon. please help

@ANGIRAVO

You should recheck the code of next auth. You can follow mine
Also check the Nav component

message: 'client_id is required',
stack: 'TypeError: client_id is required\n' +
' at new BaseClient (webpack-internal:///(rsc)/./node_modules/openid-client/lib/client.js:148:19)\n' +
' at new Client (webpack-internal:///(rsc)/./node_modules/openid-client/lib/client.js:1673:13)\n' +
' at openidClient (webpack-internal:///(rsc)/./node_modules/next-auth/core/lib/oauth/client.js:29:18)\n' +
' at process.processTicksAndRejections (node:internal/process/task_queues:95:5)\n' +
' at async getAuthorizationUrl (webpack-internal:///(rsc)/./node_modules/next-auth/core/lib/oauth/authorization-url.js:70:18)\n' +
' at async Object.signin (webpack-internal:///(rsc)/./node_modules/next-auth/core/routes/signin.js:38:24)\n' +
' at async AuthHandler (webpack-internal:///(rsc)/./node_modules/next-auth/core/index.js:260:26)\n' +
' at async NextAuthRouteHandler (webpack-internal:///(rsc)/./node_modules/next-auth/next/index.js:69:28)\n' +
' at async NextAuth._args$ (webpack-internal:///(rsc)/./node_modules/next-auth/next/index.js:105:16)\n' +
' at async C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\compiled\next-server\app-route.runtime.dev.js:6:55755\n' +
' at async eO.execute (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\compiled\next-server\app-route.runtime.dev.js:6:46523)\n' +
' at async eO.handle (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\compiled\next-server\app-route.runtime.dev.js:6:57089)\n' +
' at async doRender (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:1359:42)\n' +
' at async cacheEntry.responseCache.get.routeKind (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:1569:40)\n' +
' at async DevServer.renderToResponseWithComponentsImpl (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:1489:28)\n' +
' at async DevServer.renderPageComponent (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:1920:24)\n' +
' at async DevServer.renderToResponseImpl (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:1958:32)\n' +
' at async DevServer.pipeImpl (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:917:25)\n' +
' at async NextNodeServer.handleCatchallRenderRequest (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\next-server.js:272:17)\n' +
' at async DevServer.handleRequestImpl (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:813:17)\n' +
' at async C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\dev\next-dev-server.js:339:20\n' +
' at async Span.traceAsyncFn (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\trace\trace.js:154:20)\n' +
' at async DevServer.handleRequest (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\dev\next-dev-server.js:336:24)\n' +
' at async invokeRender (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\lib\router-server.js:173:21)\n' +
' at async handleRequest (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\lib\router-server.js:350:24)\n' +
' at async requestHandlerImpl (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\lib\router-server.js:374:13)\n' +
' at async Server.requestListener (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\lib\start-server.js:141:13)',
name: 'TypeError'
},
providerId: 'google',
message: 'client_id is required'
}
POST /api/auth/signin/google 302 in 131ms
GET /api/auth/error?error=OAuthSignin 302 in 12ms
[next-auth][error][SIGNIN_OAUTH_ERROR]
https://next-auth.js.org/errors#signin_oauth_error client_id is required {
error: {
message: 'client_id is required',
stack: 'TypeError: client_id is required\n' +
' at new BaseClient (webpack-internal:///(rsc)/./node_modules/openid-client/lib/client.js:148:19)\n' +
' at new Client (webpack-internal:///(rsc)/./node_modules/openid-client/lib/client.js:1673:13)\n' +
' at openidClient (webpack-internal:///(rsc)/./node_modules/next-auth/core/lib/oauth/client.js:29:18)\n' +
' at process.processTicksAndRejections (node:internal/process/task_queues:95:5)\n' +
' at async getAuthorizationUrl (webpack-internal:///(rsc)/./node_modules/next-auth/core/lib/oauth/authorization-url.js:70:18)\n' +
' at async Object.signin (webpack-internal:///(rsc)/./node_modules/next-auth/core/routes/signin.js:38:24)\n' +
' at async AuthHandler (webpack-internal:///(rsc)/./node_modules/next-auth/core/index.js:260:26)\n' +
' at async NextAuthRouteHandler (webpack-internal:///(rsc)/./node_modules/next-auth/next/index.js:69:28)\n' +
' at async NextAuth._args$ (webpack-internal:///(rsc)/./node_modules/next-auth/next/index.js:105:16)\n' +
' at async C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\compiled\next-server\app-route.runtime.dev.js:6:55755\n' +
' at async eO.execute (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\compiled\next-server\app-route.runtime.dev.js:6:46523)\n' +
' at async eO.handle (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\compiled\next-server\app-route.runtime.dev.js:6:57089)\n' +
' at async doRender (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:1359:42)\n' +
' at async cacheEntry.responseCache.get.routeKind (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:1569:40)\n' +
' at async DevServer.renderToResponseWithComponentsImpl (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:1489:28)\n' +
' at async DevServer.renderPageComponent (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:1920:24)\n' +
' at async DevServer.renderToResponseImpl (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:1958:32)\n' +
' at async DevServer.pipeImpl (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:917:25)\n' +
' at async NextNodeServer.handleCatchallRenderRequest (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\next-server.js:272:17)\n' +
' at async DevServer.handleRequestImpl (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:813:17)\n' +
' at async C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\dev\next-dev-server.js:339:20\n' +
' at async Span.traceAsyncFn (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\trace\trace.js:154:20)\n' +
' at async DevServer.handleRequest (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\dev\next-dev-server.js:336:24)\n' +
' at async invokeRender (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\lib\router-server.js:173:21)\n' +
' at async handleRequest (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\lib\router-server.js:350:24)\n' +
' at async requestHandlerImpl (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\lib\router-server.js:374:13)\n' +
' at async Server.requestListener (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\lib\start-server.js:141:13)',
name: 'TypeError'
},
providerId: 'google',
message: 'client_id is required'
}
POST /api/auth/signin/google 302 in 114ms
GET /api/auth/error?error=OAuthSignin 302 in 11ms
GET /api/auth/signin?error=OAuthSignin 200 in 15ms
[next-auth][error][SIGNIN_OAUTH_ERROR]
https://next-auth.js.org/errors#signin_oauth_error client_id is required {
error: {
message: 'client_id is required',
stack: 'TypeError: client_id is required\n' +
' at new BaseClient (webpack-internal:///(rsc)/./node_modules/openid-client/lib/client.js:148:19)\n' +
' at new Client (webpack-internal:///(rsc)/./node_modules/openid-client/lib/client.js:1673:13)\n' +
' at openidClient (webpack-internal:///(rsc)/./node_modules/next-auth/core/lib/oauth/client.js:29:18)\n' +
' at process.processTicksAndRejections (node:internal/process/task_queues:95:5)\n' +
' at async getAuthorizationUrl (webpack-internal:///(rsc)/./node_modules/next-auth/core/lib/oauth/authorization-url.js:70:18)\n' +
' at async Object.signin (webpack-internal:///(rsc)/./node_modules/next-auth/core/routes/signin.js:38:24)\n' +
' at async AuthHandler (webpack-internal:///(rsc)/./node_modules/next-auth/core/index.js:260:26)\n' +
' at async NextAuthRouteHandler (webpack-internal:///(rsc)/./node_modules/next-auth/next/index.js:69:28)\n' +
' at async NextAuth._args$ (webpack-internal:///(rsc)/./node_modules/next-auth/next/index.js:105:16)\n' +
' at async C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\compiled\next-server\app-route.runtime.dev.js:6:55755\n' +
' at async eO.execute (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\compiled\next-server\app-route.runtime.dev.js:6:46523)\n' +
' at async eO.handle (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\compiled\next-server\app-route.runtime.dev.js:6:57089)\n' +
' at async doRender (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:1359:42)\n' +
' at async cacheEntry.responseCache.get.routeKind (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:1569:40)\n' +
' at async DevServer.renderToResponseWithComponentsImpl (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:1489:28)\n' +
' at async DevServer.renderPageComponent (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:1920:24)\n' +
' at async DevServer.renderToResponseImpl (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:1958:32)\n' +
' at async DevServer.pipeImpl (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:917:25)\n' +
' at async NextNodeServer.handleCatchallRenderRequest (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\next-server.js:272:17)\n' +
' at async DevServer.handleRequestImpl (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\base-server.js:813:17)\n' +
' at async C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\dev\next-dev-server.js:339:20\n' +
' at async Span.traceAsyncFn (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\trace\trace.js:154:20)\n' +
' at async DevServer.handleRequest (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\dev\next-dev-server.js:336:24)\n' +
' at async invokeRender (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\lib\router-server.js:173:21)\n' +
' at async handleRequest (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\lib\router-server.js:350:24)\n' +
' at async requestHandlerImpl (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\lib\router-server.js:374:13)\n' +
' at async Server.requestListener (C:\Users\angir\OneDrive\Desktop\promptopia\node_modules\next\dist\server\lib\start-server.js:141:13)',
name: 'TypeError'
},
providerId: 'google',
message: 'client_id is required'
}
POST /api/auth/signin/google 302 in 115ms
GET /api/auth/error?error=OAuthSignin 302 in 11ms
GET /api/auth/signin?error=OAuthSignin 200 in 11ms i have correctly done the google outh part still it is showing this evrytime and i could not sign in