Skip to main content
Filter by
Sorted by
Tagged with
0 votes
0 answers
10 views

What is Causing the Payload Argument must be type object when data matches the schema

I am getting an error ⨯ [TypeError: The "payload" argument must be of type object. Received null] { code: 'ERR_INVALID_ARG_TYPE', digest: '447529059' } when I have the following prisma ...
Tyler Lazenby's user avatar
0 votes
0 answers
11 views

Can My API Client Code Cause the Server to Generate a Bad Token

I have an API client written in TypeScript (Next.js) that handles user login by sending credentials to a server endpoint (/Auth/login). The server is responsible for generating a JWT token (...
Amir Hossein Jahanshahi's user avatar
0 votes
0 answers
11 views

NextJs. Server error: TypeError: Cannot read properties of null (reading 'useReducer')

Backend: Laravel, Frontend: NextJS I don't use 'useReducer' anywhere Error image -> enter image description here package.json -> enter image description here I tried to delete the .next and ...
Lui Wei Hon's user avatar
0 votes
0 answers
6 views

How to deploy a node js application on cpanel when you are using Next?

Ok, I am trying to follow this guide https://docs.cpanel.net/knowledge-base/web-services/how-to-install-a-node.js-application/ to install a node js application on cpanel but well, next doesnt have an ...
user22767461's user avatar
0 votes
1 answer
17 views

Next.js 15 API Route - “Invalid GET Export” Error in Dynamic Route [id]

I’m working on a Next.js 15 project using the App Router (/app/api/) and trying to implement a dynamic API route (/api/agencies/[id]) to fetch a specific agency from MongoDB. However, during npm run ...
hasratyan's user avatar
-7 votes
0 answers
23 views

REACT + VITE - setting up a cookie session through action and loader functions with react router 6

Need a explaination of how abouts of, how can i set up a react + vite system that would basically setup a session of sucessful signup or signin, with out a database setting it up
Leocodeio's user avatar
0 votes
0 answers
15 views

NextJS + Jest - how to mock server calls?

I wanted to put this question out there because I'm having trouble creating a solution for writing tests (via Jest) and mocking API requests, for a NextJS-based app. Here is a diagram that shows how ...
darko's user avatar
  • 11
0 votes
0 answers
16 views

Getting type errors form a snippet copied from Next.js 15 docs (opengraph-image.tsx)

In the Next.js 15.1.6 docs (App Router), the last code snippet on the Metadata Files: opengraph-image and twitter-image | Next.js page explains how to fetch a local image on the file system and pass ...
Shawn's user avatar
  • 11.4k
0 votes
0 answers
9 views

How to make Zoom Attendance Tracker?

I am making a web app for a client and they would like to integrate an attendance tracker. My idea for it is that they would enter the meeting link and start time and, at the correct time, the app ...
Khoa Cao's user avatar
0 votes
0 answers
13 views

Deploy Next Js on Cpanel

I am trying to deploy my next js app on cpanel. I think I have everything well configured, included my htaccess but I go to my website and receive Application error: a client-side exception has ...
user22767461's user avatar
-1 votes
0 answers
10 views

Error: PrismaClient is unable to run in this browser environment

my prisma client can not load in the browser i try to change the run buid methode in the package.json and the server production configuration. i think it mus be a problem for communiction between next ...
Devop Cyber's user avatar
1 vote
1 answer
25 views

Tailwind media queries don't work properly on Safari

I've done some research but can't find anything that relates to an issue I am having. I am using Tailwind, Typescript, and Next JS. My app works fine on Chrome, but I am having an issue with all my ...
DeBoer753's user avatar
0 votes
1 answer
22 views

Type error: Type '{ params: { id: string; }; }' does not satisfy the constraint 'PageProps'

I'm working on a Next.js application and trying to fetch post details based on a dynamic route parameter. However, I'm running into a TypeScript error related to params. Error Message: .next/types/app/...
poletesan3's user avatar
0 votes
0 answers
12 views

Next.js runs without issues in development mode (npm run dev), but after building (npm run build) and starting (npm run start), an issue occurs

My code import { Metadata } from 'next'; import Markdown from 'react-markdown'; import remarkGfm from "remark-gfm"; import rehypeRaw from "rehype-raw"; import { apiLink } from '@/...
i suck at programming's user avatar
0 votes
1 answer
11 views

import {useEdgesState, useNodesState} from "@xyflow/react" not working, showing Unhandled Runtime Error

I am using Next js and typescript for my project, while including Reactflow on my webstie it shows errors. Here is my source code: import { Workflow } from "@prisma/client"; import React ...
Shykat Himu's user avatar
0 votes
1 answer
15 views

Fetch user data once loaded Next.js

I'm attempting to fetch the data from user once the page loads. Although, currently when there is any route changes, it triggers my useEffect and calls the fetch user endpoint which causes my loading ...
Nilton Schumacher F's user avatar
-1 votes
1 answer
17 views

route problem between nav page and a policy page

hello I have a problem in my project (I use next js only), me in my site I have: Home About Services Customers News & Tips Contact Social and I do in the index all these pages so that it displays ...
Ramo Agency's user avatar
0 votes
2 answers
40 views

ESLint error saying that my react hook may be executed more than once

When I run eslint on my next.js application (or try to build it) it shows this error message; error React Hook "useState" may be executed more than once. Possibly because it is called in a ...
Rich S's user avatar
  • 3,433
1 vote
1 answer
18 views

Values of step 2 getting duplicated in step 1 of multi step form. (NextJs, Shadcn, react-hook-form,zod)

I am creating a multi-step form in NextJs with shadcn/ui forms, react-hook-form and zod. When I fill the step 1 details and move to step2, fill the details of step2 and come back to step1 by clicking ...
Yashasvi Saxena's user avatar
-2 votes
1 answer
41 views

User Redirected to Login Page After Having Logged In

I'm using Nextjs version 14.2.4. I have a login page where once the user's credentials are verified and function gets a response of success, a cookie is created using the user details from the ...
raered2012's user avatar
-6 votes
1 answer
44 views

Should I Use Next.js or Only React for a MERN Stack Application? [closed]

I'm building a MERN (MongoDB, Express, React, Node.js) stack application and considering using Next.js for the frontend. However, I'm facing some challenges as a beginner, such as understanding the ...
Asad zaman's user avatar
0 votes
1 answer
18 views

Next.js 15: Error setting cookies in server action

I use Next.js 15. Like shown below I pass a server action "onLogin" to a client component called "LoginForm". the action is called when a user clicks on the login button in the ...
Macs's user avatar
  • 197
-1 votes
0 answers
54 views

React Warning with Violation {event} took 'xx' ms

I am using NextJS , ShadCN and React Hook Form to create a modal with multiple sections. The submit button can be clicked at any of the sections. When the submit button is clicked, it makes the ...
Sahan Ediriweera's user avatar
0 votes
0 answers
12 views

The input directory "/var/task/node_modules/@sparticuz/chromium-min/bin" does not exist

I'm trying to run Puppeteer with @sparticuz/chromium-min in a Next.js API route deployed to Vercel. However, I'm getting this error: Failed to search license: The input directory "/var/task/...
ismail's user avatar
  • 39
0 votes
0 answers
16 views

RSC are rendered on the browser sometimes in the prod for nextjs

Sometimes RSC are rendered on the browser not the html tags in nextjs config. Not sure why this is happeneing. This is only happening in prod I am fetching the data from dynamo. My code is hosted on ...
ankurgoel's user avatar
0 votes
1 answer
29 views

NextJS Vercel redirects issue

I am having an issue with Google Search Console saying that there are too many redirects on my homepage. So basically, I want the redirect to happen to both - http and non-www, it means i want both to ...
kasparinho's user avatar
0 votes
0 answers
32 views

using nextjs middleware getting this error (occurs on the first load but resolves after a refresh) Uncaught SyntaxError: Invalid or unexpected token

In my nextjs app i'm trying to redirect the user to /error page if any of the env variable is missing. this works, But getting an error on the first load but resolves after a refresh. "Uncaught ...
Anandhu A's user avatar
0 votes
1 answer
25 views

Can't seem to find a way to integrate google calendar with fullcalendar

I am trying to make an event calendar for a club I am running but I can't seem to be able to figure out how to integerate google calendar into fullcalendar using jsx. I have tried looking through the ...
Shivi's user avatar
  • 1
0 votes
1 answer
13 views

How do I launch nextjs app with https in production?

I am writing a nextjs application. I need to launch it with https because the crypto module requires a secureContext. I have nginx setup with https to proxy requests to the nextjs app as https. I have ...
Sniff's user avatar
  • 1
0 votes
0 answers
33 views

How to Create a Conical Gradient Fill in ApexCharts?

I'm working on a chart using ApexCharts in a Next.js project and have encountered an issue while trying to apply a gradient fill. Initially, I attempted to use the gradient options available in ...
Govinda Regmi's user avatar
1 vote
1 answer
33 views

Hydration Error Caused by Template Literal

I've run into a hydration issue that's really confusing me. I have a simple component that displays a single list element with an email address and name if there is one. Here's the original component. ...
ddgold's user avatar
  • 21
0 votes
0 answers
31 views

How to pass secrets using Cloud Run, Next.js and Firebase Auth in google cloud. FirebaseError: Firebase: Error (auth/invalid-api-key)

I'm struggling to get my next.JS app running with Firebase auth in cloud run. cloudbuild.yml file steps: # Build frontend Docker image - name: 'gcr.io/cloud-builders/docker' args: - '...
michael smith's user avatar
1 vote
1 answer
18 views

How to Stream Responses to the Frontend Using streamText in Next.js?

Problem Statement: I am building a chatbot in Next.js using ai and @ai-sdk/google. The chatbot should stream responses from Gemini (gemini-1.5-flash-8b) to the frontend. I confirmed that the response ...
ninad baruah's user avatar
-1 votes
0 answers
27 views

Page Not found error - on reloading search params with page

In next.js I am updating the url with search params, which can share to others. for exmaple my url looks like this: http://localhost:3000/12345/documentation?flagAuto=is.E&imageApproval=is.N&...
3gwebtrain's user avatar
  • 15.3k
0 votes
0 answers
18 views

Next.js Hydration Error because of base64 image string passed to Next Image Component

I have a Next.js Project where i retrieve images from a local S3 Storage. I then convert this image into a base64 string. This string is then passed to the Next.js Image component. The thing is that a ...
FoodHub's user avatar
0 votes
0 answers
9 views

Issue with session using appwrite

Screenshot of the error occuring I cannot figure out why this error is occurring. The app was working fine until i deleted my database collections instead of the data inside said collections. Anyhow, ...
Ashmit's user avatar
  • 1
0 votes
0 answers
32 views

OneTrust Consent groups not working as expected through subdomains

Needs: I need to avoid the banner reappearing (if the user has already accepted) when navigating from site A to B and vice versa, using OneTrust. Setup: Non-authenticated side, it's two public sites. ...
Giovanni Giampaolo's user avatar
0 votes
2 answers
57 views

NextJS 15 loading.tsx not showing

I am learning NextJS 15 and I have a very simple app just to learn the use of loading.tsx pages, I have a loading.tsx page next to a page.tsx in the src/app folder (as shown in the image below) File ...
taha boud's user avatar
1 vote
1 answer
29 views

Middleware admin configuration

if ( adminconfig?.matcher.includes(pathname) || pathname.startsWith("/admin/") ) { if (!isAuthenticated) { return NextResponse.redirect(new URL("/", request....
Gülbeyaz BAYRAM ÖZER's user avatar
0 votes
0 answers
16 views

Unable to view preview

I have a NextJs project and i want to integrate react-email. Thus, i use the Manual Setup option in the docs from step 2 to the end. Because i already have a script with dev, i use email: email dev --...
iampapagray's user avatar
0 votes
1 answer
41 views

I'm unable to send or receive messages from Azure servicebus in my Next.js application

I'm trying to use the @azure/service-bus package to interact with a servicebus queue. However when I try to peek, receive or send messages I'm met with the following error: "TypeError: this....
Joel Magnusson's user avatar
0 votes
0 answers
5 views

How to avoid running getServerSideProps on client side routing?

I am using getServerSideProps to improve SEO. So if someone access the route directly all the content should be delivered in the server request. But in case i am navigating to that site via next/link ...
Jan Wolfram's user avatar
0 votes
1 answer
23 views

How can I persist data in client side while using SSR in Next 14.1?

This is the situation: I have a project where I use SSR to fetch the info and pass it as props to my client components; there, I initialize an state with the prop data, so I can use that state from ...
Gaston Jacinto's user avatar
0 votes
0 answers
13 views

Next.js has a specific path it uses for Server Actions- how do I change it?

I have 2 nextjs apps that live behind a redirect tool so that they appear to be in the same domain (appear to be the same app). The first app already has server actions, and the second is about to add ...
Pól's user avatar
  • 139
1 vote
1 answer
66 views

My cart component in an ecommerce project keeps redirecting to homepage instead of checkout and logs out the user in production

To be clear, I am encountering this issue only on production where after a user successfully logs in, selects products they want and add to cart, on clicking the checkout button which should take the ...
Chidimma Nworah's user avatar
0 votes
1 answer
32 views

Electron + Nextjs: Links have incorrect href after building

My Electron + Next.js application has the client-side generated sidebar with the link: <Link href="/wallets">wallets</Link> Which works as expected when ran locally. When the ...
ArtX's user avatar
  • 3
0 votes
0 answers
14 views

CSS Intellisense in Next JS TSX file

I've solved this issue before, but it slipped my mind on how I did it. It's hard to put what I want into words without it sounding like I want a different solution so I'll provide screenshots of what ...
Amari Willis's user avatar
0 votes
1 answer
14 views

Error on Vercel deployment - Next.js Commerce template

When running build process on Vercel Deployment, I get this error Failed to build /search/page: /search (attempt 1 of 3) because it took more than 60 seconds. Retrying again shortly. Failed to build /...
alejandro's user avatar
  • 409
0 votes
1 answer
11 views

Next Dev Server redirecting based on wrong config

I have two Next.js projects I'm working on. I was working on one in Firefox. It has this within it's next.config.ts: async redirects() { return [ { source: '/', destination: '/board',...
dinx's user avatar
  • 103
0 votes
0 answers
7 views

generateAudioCaption and generateImage Functions Not Triggered After Successful API Response

I'm working on a Next.js app where I sequentially call functions to: Generate a video script (GetVideoScript) Create an audio file from the script (GenerateAudioFile) Generate captions for the audio (...
ShyamBabu Jayswal's user avatar

1
2 3 4 5
870