In my NextJs app I have a page in which I render a modal that is open when a query parameter is set and closes when that query parameter is not present. Since in the modal there will be a…
My package.json the vite version is "vite": "^5.0.10", node version is node 20.0.0 npm version npm 9.6.4 is there any way to solve this issue?
I understand the issue here being that each child in a list requires a unique key but I am doing that and it still is not working. Could anyone give me any tips why please? If you could please look…
I have an app that's built on react/next and a server built on express. The basic flow is that a user authenticates via Github Oauth using passport.js, the server then returns a connect.sid cookie which should be used on subsequent…
I am starting a project from scratch with next js 14, using /app as the directory and not using src and I have a problem when trying to use i18n according to the vercel guide Following this guide https://next-intl-docs.vercel.app/docs/getting-started/pages-router I…
i am trying to use the new Gemini api, i am using server actions to get the user message from the input and sending that message to the gemini function which returns the response as text. "use server"; import runChat…
In NextJS 14, the example given in the docs is within the Page component, which I usually type as NextPage. This type doesn't accept async await server component. Similarly, what I tend to do is to wrap my own component…
I am sending an object called footprintsData from my question screen to a result screen as shown below: const footprintsData = { carFootprint: roundedCarFootprint, electricityFootprint: roundedElectricityFootprint, gasFootprint: roundedGasFootprint, commuteFootprint: roundedCommuteFootprint, airTravelFootprint: roundedAirTravelFootprint, totalFootprint: parseFloat(totalFootprint.toFixed(2)), }; router.push({ pathname: "/results", query: {…
I am using NextJS 14 with App router with Spring Boot in the backend. I have public and private routes. For the private routes I have a login page. When the user logs in successfully I return a JWT token…
inside src/utils.ts import { type ClassValue, clsx } from "clsx"; import { twMerge } from "tailwind-merge"; import { SignJWT, jwtVerify } from "jose"; import { NextRequest, NextResponse } from "next/server"; import { cookies } from "next/headers";` ./src/utils.ts Error: × You're…