43,426
questions
-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 ...
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 ...
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 ...
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 ...
-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.
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:
<...
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}¤cy=EUR`;
and
currency_code: 'USD',
I get this ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
-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....
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 ...
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 ...
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....
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) => ...
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 ...
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 ...
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 ...
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) ...
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={...
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
<...
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 ...
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}&...
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: "...
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 ...
-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 = `...
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 ...
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:...
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....
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 ...
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 ...
-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, ...
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 ...
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, ...
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 ...
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" }>...
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 ...
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));
...
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 { ...
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-...
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 ...
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'
...
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 ...
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 ...
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, ...
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]....
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 ...