Skip to main content
Just browsing Stack Overflow? Help us improve your experience. Sign up for research
Filter by
Sorted by
Tagged with
-1 votes
0 answers
7 views

Unable to swap custom indicator in nextjs highchart stock chart

i'm trying to plot an different series of custom indication e.g "ma5,ma20,adx,apo" when any of the option is been selected i am using reduxtoolkit(rtk) state management tool, but data fail ...
miracle godwin's user avatar
0 votes
0 answers
12 views

Next JS returning 500 error after adding new product

I am encountering an issue in my nextjs application, The project i am working on is an e-commerce application where backend framework used is laravel and the frontend framework is nextjs.The ...
FATDOGLABS's user avatar
0 votes
1 answer
28 views

Pagination starts at the bottom instead of the top. How to fix?

I'm working on a Next.js application that has pagination. My pagination links are at the bottom of the page. When I scroll to the bottom and click a new page, I stay at the bottom of the page. What I ...
Brian's user avatar
  • 1,959
0 votes
0 answers
11 views

Error: Route "/[locale]" used headers().get('X-NEXT-INTL-LOCALE'). headers() should be awaited before using its value in Next.js with next-intl

I'm currently working with Next.js 15 and next-intl for i18n (internationalization) in my application. Everything seems to be working fine, but I am getting the following error when trying to access ...
Ned's user avatar
  • 23
-1 votes
1 answer
20 views

How to open a modal on a link?

How can I make it so that when I click on a link, for example http://localhost:3000/?modal=auth a modal window with authorization opens. http://localhost:3000/?modal=edtor an editor opens, etc.
Free's user avatar
  • 49
0 votes
1 answer
18 views

React: “key” Prop Being Spread into JSX Using getInputProps from @conform-to/react

I am encountering an issue where React complains about a key prop being spread into a JSX element, even though I’m not explicitly passing it as part of my props. Here’s the relevant code snippet: <...
Filth's user avatar
  • 3,228
0 votes
1 answer
16 views

PayPal SDK Next.js cant change to EUR, but working fine in USD

Why isn't it working whenever I change from USD to EUR ? I changed both: script.src = `https://www.paypal.com/sdk/js?client-id=${clientId}&currency=EUR`; and currency_code: 'USD', I get this ...
Onur Zengin's user avatar
0 votes
0 answers
4 views

Vercel caching times and region configuration

I'm looking for advice on how caching works on Vercel and how to properly configure regions for caching. My fetch requests are cached, and subsequent calls HIT the cache without making requests to the ...
AHOYAHOY's user avatar
  • 1,997
0 votes
0 answers
8 views

Dark mode using cookie in static pages in Nextjs?

I'm aware that you can accomplish what I'm looking for using localStorage or next-themes. However, for my current setup I need to save the user's dark mode preference as a cookie instead of ...
Descartes's user avatar
0 votes
0 answers
13 views

Problem in installing mui in nextjs project with app router and typescript

I Have created a next js project with app router, without src, with typescript. For design purpose I was trying to install mui by npm install @mui/material @emotion/react @emotion/styled command. But ...
Soumi Ghosh's user avatar
0 votes
0 answers
7 views

Deleting an httpOnly cookie via route handler in next js app router

I'm trying to remove and httpOnly Cookie that I set on serverSide of my nextjs project ,but when I can't remove it at all. I don't get any errors. I tried to use route handler so that i can remove it ...
Arash Forghanbin's user avatar
0 votes
1 answer
6 views

How add 'install website as app' function on my website

i want to add download button on my website where users will be able to download my website and use it as app. i have found that button on some websites for example freelancer.com has it and its ...
Giorgi Shalamberidze's user avatar
0 votes
0 answers
12 views

Backlink issue with tableau software embed?

I know that iframe generally cause issues with browser history and backlink navigation, and i know the solution seem to put a key on the iframe. The thing is i tried to do that with my tablea element ...
user28492692's user avatar
-1 votes
0 answers
12 views

How to Run next dev with Production .env.production Variables?

I'm working on a Next.js project and need to run the development server (next dev) using the production environment variables defined in my .env.production.local file. By default, next dev loads .env....
GorvGoyl's user avatar
  • 48.6k
0 votes
0 answers
18 views

Route parsing with multiple segment

I use NextJS 15 and I want to parse my route that look like this /contents/title--identifier. Currently I manage to get the full slug title--identifier but I want to get the title and identifier value ...
Ansel's user avatar
  • 360
0 votes
0 answers
7 views

I want to make Dynamic Blog Details Page using Next.js 15 App routing and it should be SSR compatible so better for SEO and I am getting below error

I want to make Dynamic Blog Details page for my Next.js website, and below code is working fine during browse under development and in localhost:3000, but when I try to make build then I am getting ...
Aezaz Desai's user avatar
0 votes
0 answers
10 views

slate is throw an error in the built Next project

TypeError: Cannot read properties of undefined (reading 'length') at Object.compare (588-208df54dccab14d1.js:1:369316) at Object.compare (588-208df54dccab14d1.js:1:387860) at Object....
naZabanma's user avatar
0 votes
1 answer
15 views

caching with unstable_cache is not working

After several attempts and thinking I had a mistake in my code, I tried the exemple from official next documentation about unstable_cache. const getCachedUser = unstable_cache( async (id) => ...
Nassim's user avatar
  • 23
0 votes
0 answers
15 views

eslint - going in circles

I'm getting an error in eslint: C:\Users\prima\yeld\components\stock\valuation.tsx 3:58 error Can't resolve '@/components/ui/card' in 'C:\Users\prima\yeld\components\stock' For some reason ...
Chris's user avatar
  • 1
0 votes
1 answer
19 views

Next.js server action security for un-authenticated users?

I have a server action that just takes a string input and saves it to the DB. export async function saveMessageAction(message: string) { 'use server'; // verify string checks, header origin ...
MSmith's user avatar
  • 59
0 votes
0 answers
16 views

Local supabase-nextjs-user-management with Supabase CLI returns 406 Errors

I'm using Supabase CLI and nextjs-user-management sample. After creating a user using the Next.js auth flow, I see 406 responses after loading the account screen, as well as with any attempts to ...
brianc's user avatar
  • 1,599
0 votes
0 answers
13 views

Dialog box is not opening until the suspense call completes on a conditional rendering

I have an implementation where a Dialog is been load conditionally based on a button click. On button OnClick where button is in a different component I'm changing the Dialog status(manage by zustand) ...
Shyamali's user avatar
  • 349
0 votes
1 answer
27 views

Uploading folders and files from a single input field in js/ts

I want to upload multiple files and folders from a single input, but unable to do so. <input type="file" onChange={handleFileChange} className="hidden" id="file-input" multiple ref={...
Hafiz Abdullah Tahir's user avatar
0 votes
1 answer
19 views

Error building the aplication (Linting and checkin validity of types .Failed to compile)

I have created an Next.js Aplication, it doesn't present any error on next dev nor in next lint but when i run the next build, the error occurs: .next/types/app/api/queries/[id]/route.ts:49:7 <...
Gabriel MGFC-DEV's user avatar
0 votes
0 answers
24 views

No redirect after login with cusom next.js login UI in Firefox

I have a Duende Identity Server with a custom next.js login UI, that serves as a token authority for an API (possibly multiple APIs in the future). The API is accessed through a single page ...
jbol14's user avatar
  • 23
0 votes
2 answers
16 views

not getting tailwind css colors from a function that return string of tailwind css

this is my tailwind config file import type { Config } from "tailwindcss"; export default { darkMode: ["class"], content: [ "./src/pages/**/*.{js,ts,jsx,tsx,mdx}&...
ReZeRoR's user avatar
0 votes
0 answers
25 views

CanaryOnlyError: The experimental feature "experimental.ppr" can only be enabled when using the latest canary version of Next.js

After adding experimental ppr to next config: `import type { NextConfig } from "next"; const nextConfig: NextConfig = { /* config options here */ experimental: { ppr: "...
MOUAD KHANOUCH's user avatar
0 votes
0 answers
13 views

NextJs - Error running "npm run build": ./node_modules/next/dist/server/lib/router-utils/filesystem.d.ts:65:72 Type error: '>' expected

i ran into an error on my Nextjs project and i don't know how to fix it since it's not my fault. Main problem This error: ./node_modules/next/dist/server/lib/router-utils/filesystem.d.ts:65:72 Type ...
Normi's user avatar
  • 21
-4 votes
0 answers
46 views

Timestamp not maching in the server and client [closed]

I have a makeUrl helper function, which uses a timestamp so that the image refreshes in the browser. Without it, the image won't refresh, because it will have the same URL. const timestamp = `...
wyc's user avatar
  • 55.2k
1 vote
1 answer
39 views

Why submitting form programmatically using React-hook-form and useActionState, always got error `A React form was unexpectedly submitted`

I just followed a youtube tutorial about using server action with useFormState. When I following the video, There is an error fro react saying to use useActionState insted of useFormState. So I ...
principiorum's user avatar
0 votes
0 answers
17 views

Next.js error when loading page ConnectTimeoutError

i got some problem on next.js 15.0.3, node.js 20.15.0 and rocky linux 9.4 (Blue Onyx) i was trying to navigate to a specific page through the tag. but i got error. [TypeError: fetch failed] { cause:...
FrostedBrain's user avatar
2 votes
0 answers
14 views

AWS Cognito generating error "Unable to get user session" following successful sign-in on Live Cloud Hosting

I am working on AWS Cognito with NEXTJS, it is working fine when login on localhost:3000, but it generates an error Unable to get user session following successful sign-in when live on cloud hosting....
Muhammad Ovais's user avatar
0 votes
0 answers
12 views

txt?_rsc Not found after deploy onto vercel

I have a lerna mono repo project which includes a nextjs app with app router. The nextjs project works without any issues locally. I can also next build successfully. However, when I deploy the ...
Eric Lee's user avatar
  • 368
0 votes
1 answer
20 views

Configuring NextJs (T3 create) App router to use Auth0

I have just started rebuilding a NextJs app using npm create t3 latest. I've selected typescript, trcp tailwind and prisma ORM. I don't want to use NextAuth because I have everything I need in Auth0 ...
Andy Vennells's user avatar
-1 votes
0 answers
42 views

First image broken on mobiles while working on desktops in deployment [closed]

I’m encountering an issue with my portfolio on mobile devices after deployment. I’ve created nine cubes to represent different languages and frameworks, which display correctly on desktop. However, ...
Janessa Bao Tran's user avatar
0 votes
1 answer
13 views

Argument of type "github" is not assignable to parameter of type 'OAuthProvider' in Appwrite

import { account } from "@/appwrite/config" import { Button } from "./ui/button" import { Github } from 'lucide-react' export default function LoginButton() { async function ...
Rupesh Shandilya's user avatar
0 votes
0 answers
17 views

Getting a react hydration error when trying to iterate over an array in an element

I am trying to iterate over an array using MUI in a Next.js Application and I am getting a "hydration error". The element has the following code: 'use client'; import { startTransition, ...
Bmurphy's user avatar
  • 64
0 votes
1 answer
23 views

How can I edit my tailwindcss.config.ts file in the nextjs

My tailwindcss.config.ts file is as shown below. The tailwindcss color is detected in the dashboard in the admin folder, but the color is not detected in the admin folder at login. When I make my ...
developer new's user avatar
0 votes
0 answers
17 views

How to pass a variable from a layout deeper into nested components in Next 15 and TS?

layout.tsx // src/app/[lang]/layout.tsx export async function generateStaticParams() { return [{ lang: 'pl' }, { lang: 'en' }] } type Params = Promise<{lang: "en" | "pl" }>...
Tomasz's user avatar
  • 53
1 vote
0 answers
28 views

How to enable DebugView in Google Analytics for dev and staging environments using @next/third-parties/google in NextJS 14?

I’m using Next 14 with page router to create my app and I integrated Google Analytics (GA). I’m using the @next/third-parties/google library, so I’m not interacting with the Google Tag (gtag.js) API ...
scottish_foldington's user avatar
0 votes
0 answers
24 views

Invalid state: ReadableStream is already closed error causing from rederect() in next js 14

I am using next 14. using server action. this is the function: export async function login(prevState: any, formData: FormData) { const result = loginSchema.safeParse(Object.fromEntries(formData)); ...
Noob101's user avatar
  • 13
0 votes
0 answers
14 views

Tailwind removes dynamically generated classes when using utilities like cn and custom prefixes

I'm using Tailwind CSS in my project, and I have a utility function cn for conditional class names and a withPrefix plugin to dynamically generate class prefixes. Here's a snippet of my code: import { ...
Misha Nesteruk's user avatar
0 votes
0 answers
9 views

Seeing "originalFactory is undefined" in non-production Next.js application

I have a Next.js (14.2.1) application that I am deploying in both production and non-production versions. When I deploy in production I do this: npm run build npm run start & When I deploy in non-...
rlandster's user avatar
  • 7,755
0 votes
0 answers
17 views

Address Bar Not Hiding on Scroll in Mobile Browsers in Next.js 14 Production Build with TailwindCSS

I am working on a project using Next.js 14.2.17 with TailwindCSS. I've noticed that on the production build, the address bar of mobile browsers does not hide as I scroll down the page. However, this ...
RushO's user avatar
  • 1
0 votes
1 answer
30 views

How to bundle my NextJS React component only so I can inject it in any website?

I am using NextJS 14.2.3 and I want this test component which depends on the tailwindcss and react to be injected in a Wordpress/any kind of website. import React, { useEffect, useState } from 'react' ...
Adrian J's user avatar
1 vote
1 answer
22 views

How to configure Better Auth's DrizzleAdapter to generate Supabase-compatible UUIDs?

I'm building a Next.js application using Better Auth for authentication and Supabase as the database. Better Auth is generating UUIDs in a non-standard format (KZMw0N5rJhdi_i1JbWle6), but Supabase ...
Marwan Salah's user avatar
0 votes
0 answers
27 views

Unhandled Runtime Error when trying to using Next.js / React.js

I received this error when trying to implement a globe to my page. I'm getting the globe code on Aceternity UI. GitHub Globe Unhandled Runtime Error TypeError: ReactSharedInternals is undefined What ...
yap's user avatar
  • 1
0 votes
0 answers
16 views

Next.js create base app/repo that can be extended

I'd like to create a Next.js project that can be used as a base theme/page which should can be extended/overwritten by pages and components, so the modified stuff wouldn't be changed on a repo update, ...
klabak's user avatar
  • 185
0 votes
0 answers
22 views

TAR_BAD_ARCHIVE and Deprecated Warnings When Creating a Next.js App

I'm trying to create a new Next.js app using the following command: npx create-next-app@latest my-next-app However, I keep encountering errors and warnings like these: npm WARN deprecated [email protected]....
Vladimir Davtyan's user avatar
0 votes
0 answers
18 views

React 19's new form action function doesn't append file object to its formData parameter object

I am building an app with nextjs 15 where react 19 has been incorporated. So, I wanted to use the new formAction way in form which is basically you put a function like ''. I have also added shadcn ...
Abeer's user avatar
  • 165

1
2 3 4 5
869