Do NOT use this tag for Next.js, use [next.js] instead. For questions related to Iterator, use [iterator]. For questions related to JQuery selectors, use [jquery-selectors]. For questions related to pagination, use [pagination]
Questions tagged [next]
92 questions
0
votes
1 answer
Using map on data from graphql
I have a nextjs app using typescript and a Strapi backend with graphql
I'm trying to simple get the graphql from strapi and display it in the react app.
I'm trying to display a list of font names.
In react I have this query, this works in the…

cdmt
- 685
- 4
- 12
- 23
0
votes
0 answers
How to pass params to the sign in google provider
I've been trying to fix this for 10 hours, reading the github issues, the docs, but nothing seems to help. i have a simple page where the user log in using his google account. i just want to pass a role parameter to the google client sign in api…

Zakaria Sichaib
- 87
- 2
- 10
0
votes
0 answers
In ReactJs I am facing error related with CkEditor
Ckeditor randomly gives the following error, I'm using
"@ckeditor/ckeditor5-react": "^6.1.0", "@ckeditor/ckeditor5-build-decoupled-document": "^39.0.1" version. I'm rendering CKEditor inside iteration

Ranjeet
- 539
- 5
- 12
0
votes
0 answers
How to properly render heatmap in next.js 13 using MapBox mapbox-gl library. Its weird
Let me explain as short as I can:
I have component written in next.js to fetch some data, and render it on MapBox map as heatmap.
Everything is working like a charm until I refresh page with rendered component:
heatmap pins disappearing
nothing in…

Adi Glibanović
- 11
- 1
0
votes
0 answers
Next Global css issue
ON my old computer It is running perfectly but on other computer it is giving this error as style already imported in _app.js . I am using nvm and checked with all versions .
error - ./styles/index.css
Global CSS cannot be imported from files other…

Amjid Ali Shah
- 49
- 4
0
votes
0 answers
Axios + NextJS always returning 405 method not allowed
I'm strugling so hard with this..
I'm using NextJS for the frontend, actually doing a request to /api/auth/register from here
const changePassword = async (currentPassword, password) => {
await…

Julian Mendez
- 3,162
- 2
- 13
- 36
0
votes
2 answers
How to show relative time in react.js project
I'm building social media app using next.js. I want to display relative time in my project.
Expected output :
just now
2 minutes ago
1 hour ago
2 days
I want to retrieve time from MongoDB document
Tried to use moment and dayjs, but i'm facing some…

Unnikrishnan KJ
- 53
- 7
0
votes
1 answer
TRPC: JSON response from createNextApiHandler gets interrupted
Issue
Some queries and mutations now produce Unexpected end of JSON input or Unterminated string in JSON at position errors
This started happening after rebuilding with an unrelated update. It works locally, but not on the host.
Stack…

repomn
- 1
- 2
0
votes
0 answers
How to config Facebook/Meta pixel to Next Js project
I need to integrate Facebook pixel to a Next Js project. My project loads the script on the head from a SEO component. If I add the pixel in the _app component, this load on the body instead the head
I was trying with Vercel example in its repo, but…

EFFM
- 1
- 1
0
votes
1 answer
how to move arrows using swiper?
This is my carousel but here when I want to configure the swiper-button the arrows are very far from the image, any idea how to make them closer (modify their position)?
effect={'coverflow'}
grabCursor={false}
centeredSlides={true}
…

Ibizaz
- 1
0
votes
1 answer
Next.js Having an installation fail and react.js package fail when installing
Error: Several Installation fails upon Next.js installation including a package loss revealed during build
peema@DESKTOP-6UGCO8V MINGW64 ~/Documents/alert/peeapp $ next build
The module 'react' was not found. Next.js requires that you include it
in…

Bonsu
- 67
- 1
- 5
0
votes
0 answers
Next js | Cannot find name 'div'.ts(2304)
This is a Next js Project, configure with Typescript
IDE: VS Code
Typescript version: 5.1.6
File: abc.tsx
This shows the error:
(cannot find name 'div')
File: package.json
File: tsconfig.json
How to solve this error, please anyone help me!

Tharuneshwar S
- 46
- 8
0
votes
0 answers
How use react-password-checklist with zod?
I have to use the react-password-checklist library to show the user if he is obeying the password rules declared in zod's schemaUser. However, I am not successful.
obs: I'm using zod to validate the fields.
The password must have:
a minimum of 8…

Begginer
- 65
- 1
- 7
0
votes
0 answers
How to do do error handling when fetching API from next 13 using server side rendering
import React from 'react'
const RightBar = async () => {
let data;
try{
const res = await fetch(`${process.env.NEXTAUTH_URL}/api/trendingtweets`);
data = await res.json();
} catch (error){
return error
…

Jyotishman Goswami
- 11
- 1
0
votes
1 answer
Error 500 when request POST - Next JS 13 app directory
I creating a simple route to create a user.
When I send the request I get error : 500 Internal Server Error.
The logs shows :
error TypeError: res.status is not a function
at POST (webpack-internal:///(rsc)/./app/api/register/route.ts:33:20)
…

Johan
- 2,088
- 2
- 9
- 37