Check this Photo I am working on a project in which I have created a login dialog but I am getting an error which I am not able to solve, what is it I have given in the above photo…
I'm using Microsoft Azure's Text-to-speech API with a simple goal: play the synthesized speech on browser when I click a button. I am using nextJS API routes to make a request to Azure, and then use this route from the…
I have been building a Next js app with dark mode functionality from shadcn. I followed all steps from shadcn and install all modules but when I run the app, it gives me this error. I think its because of…
Please help me fix this error: When I run the application in nextjs I am getting this message "Error: React Context is unavailable in Server Components" import { useSession } from "next-auth/react"; import prisma from "@/lib/prisma"; import { ChatbotClient }…
I've seen all similar answers and none of the solutions seems to work for me. I am deploying my solution using github actions workflow, here is what my yaml code looks like: name: Build and deploy x platofrm - UAT…
A component in my NextJS 13 project has two useEffect hooks, one that sets a React Context state array variable called singleRecipe, and another that I would like to set another local state variable called ingredientsArr. The issue arises on…
I was creating a progress bar component with Next.js and tailwind.css and using JavaScript setInterval() function to animate it. Here is the code below: import React, { useState } from "react"; const ProgressBar = () => { // starting at…
I want to make a link active if the pathname matches its href. function Component() { const pathname = usePathname(); return ( <div className="links"> <Link href="/">Home</Link> <Link href="/store" className={`${pathname === this.href && "active"}`} >Store</Link> <Link href="/actors">Actors</Link> </div> )} That's what…
I have a button that submits a form. That submit function runs a post request to my api route and in the api route, I insert a row in my database. I need to redirect the user to / when…
I have a problem knowing the data type of the URL that I WILL res API from it, and I am using a custom hook to make it usable I am using Next.js with typescript this is a useFetch.js (custom…