43,456 questions
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 ...
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 (...
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 ...
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 ...
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 ...
-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
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 ...
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 ...
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 ...
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 ...
-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 ...
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 ...
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/...
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 '@/...
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 ...
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 ...
-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 ...
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 ...
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 ...
-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 ...
-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 ...
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 ...
-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 ...
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/...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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. ...
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:
- '...
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 ...
-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&...
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 ...
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, ...
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.
...
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 ...
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....
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 --...
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....
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 /...
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',...
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 (...