Questions tagged [next]

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]

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…
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…
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…
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} …
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!
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 …
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