adrianhajdin / ai_saas_app Goto Github PK

Chrome browser is blocking Clerk as it says "Third-party cookie will be blocked. As a result you cannot see or use Clerk application within the web.

Uncaught (in promise) Error: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received

At the timestamp of 1:42:39 , Whenever I tried to click one of the other options other than "home" , for example : Object Remove , Remove Background , instead of giving me with a transformation page , it says "404 not found" . I know it is a minor mistake or somehting , still dont knw , cuz im new ,so can some one pls figure me out , "Why the pages never loads , whenever i clck on any one of the optons ?"

I get this error whenever I click on any of the buttons in the navbar. I thought maybe I did something wrong in my build, so I copied yours, added my .env.local, ran npm i, then npm run dev, but I get the same error. Did I make a mistake in Clerk or MongoDB?

Oddly enough, everything was fine initially. I was on the deployed version. I clicked on Generative fill, selected a picture from Unsplash, picked an aspect ration, and it transformed it, but the AI messed up, so I wanted to try a different picture. There is no cancel button, so I just clicked on the back button in the browser. After that it stopped working...

On the deployed version I get this error even on the home page.

In the current implementation of images?.data.length we do not display the total number of transformed images the user has, but only the maximum number, according to the limit in the pagination, i.e. maximum "9"

I HAVE FAILED TO FIGURE OUT WHAT COULD BE THE ISSUE .When i try to deploy to versel i get an error .Below is my code and error
CODE
"use client";

import Image from "next/image";
import { useRouter } from "next/navigation";

import {
AlertDialog,
AlertDialogAction,
AlertDialogCancel,
AlertDialogContent,
AlertDialogDescription,
AlertDialogFooter,
AlertDialogHeader,
AlertDialogTitle,
} from "@/components/ui/alert-dialog";

export const InsufficientCreditsModal = () => {
const router = useRouter();

return (

Insufficient Credits

<AlertDialogCancel
className="border-0 p-0 hover:bg-transparent"
onClick={() => router.push("/profile")}
>

      <Image
        src="/assets/images/stacked-coins.png"
        alt="credit coins"
        width={462}
        height={122}
      />

      <AlertDialogTitle className="p-24-bold text-dark-600">
        Oops.... Looks like you&#39;ve run out of free credits!
      </AlertDialogTitle>

      <AlertDialogDescription className="p-16-regular py-3">
        No worries, though - you can keep enjoying our services by grabbing
        more credits.
      </AlertDialogDescription>
    </AlertDialogHeader>
    <AlertDialogFooter>
      <AlertDialogCancel
        className="button w-full bg-purple-100 text-dark-400"
        onClick={() => router.push("/profile")}
      >
        No, Cancel
      </AlertDialogCancel>
      <AlertDialogAction
        className="button w-full bg-purple-gradient  bg-cover"
        onClick={() => router.push("/credits")}
      >
        Yes, Proceed
      </AlertDialogAction>
    </AlertDialogFooter>
  </AlertDialogContent>
</AlertDialog>

);
};

Error
[10:18:58.724] Running build in Washington, D.C., USA (East) – iad1
[10:18:58.909] Cloning github.com/ssemugabijames/imaginary (Branch: master, Commit: 4dc14f2)
[10:18:59.707] Cloning completed: 794.569ms
[10:19:04.698] Restored build cache
[10:19:04.921] Running "vercel build"
[10:19:05.805] Vercel CLI 33.7.1
[10:19:06.610] Installing dependencies...
[10:19:10.355]
[10:19:10.355] added 33 packages in 3s
[10:19:10.355]
[10:19:10.355] 140 packages are looking for funding
[10:19:10.355] run npm fund for details
[10:19:10.372] Detected Next.js version: 14.1.0
[10:19:10.377] Detected package-lock.json generated by npm 7+
[10:19:10.377] Running "npm run build"
[10:19:12.744]
[10:19:12.744] > [email protected] build
[10:19:12.744] > next build
[10:19:12.744]
[10:19:13.425] ▲ Next.js 14.1.0
[10:19:13.426]
[10:19:13.501] Creating an optimized production build ...
[10:19:24.551] Failed to compile.
[10:19:24.551]
[10:19:24.552] ./components/shared/InsufficientCreditsModal.ts
[10:19:24.552] Error:
[10:19:24.552] �[31mx�[0m Expected '>', got 'defaultOpen'
[10:19:24.552] ,-[�[36;1;4m/vercel/path0/components/shared/InsufficientCreditsModal.ts�[0m:18:1]
[10:19:24.552] �[2m18�[0m | const router = useRouter();
[10:19:24.552] �[2m19�[0m |
[10:19:24.552] �[2m20�[0m | return (
[10:19:24.553] �[2m21�[0m |
[10:19:24.553] : �[31;1m ^^^^^^^^^^^�[0m
[10:19:24.553] �[2m22�[0m |
[10:19:24.553] �[2m23�[0m |
[10:19:24.553] �[2m24�[0m |

I found when I connect to webhook, clerk shows some error and mongoDB shows the data not come frome my data model. I don't know where it comes from.

I'd appreciated if you can give me some feedback.

Hi Everyone, im running into this error when trying to upload any image. I have checked all of my code against adrians and even copied his pages to the T I cannot figure out where to look to find this error and correct it.

Hello good afternoon all right? I am facing the following error when completing the ( [...]/saasai/app/(root)/transformations/add/[type]/page.tsx) settings, can you help me?

The only problem I noticed is that we have a very smart search, it searches for "clouds" in pictures, but unfortunately can't search by words in the title.

Even though we put this functionality in, it doesn't work for some reason :(

So if you just search, for example: "horsey", "make", "meme" in the search results will be only "Empty list".

Hi, I found some issues happen in app/(root)/transformations/add/[types]/page.tsx
When it routes to any form we want to use it shows error.
I've tried this ai_saas_app project have same issue.
Could anyone help me to find what problems is?

          Hey @Nagakburos 

Make sure your logged-in account is present in your mongodb database, error will be resolved

Originally posted by @Manubenakal in #9 (comment)