next.js Questions

Reactjs – NextJS – ReferenceError: Request is not defined | Reading old version of Node [solved]

November 2, 2023
Lucas Slepetys
2 Answers

When I run npm run dev in my nextjs project I get the following error: .../node_modules/next/dist/server/web/spec-extension/request.js:28 class NextRequest extends Request { ^ ReferenceError: Request is not defined at Object.<anonymous> (.../node_modules/next/dist/server/web/spec-extension/request.js:28:27) at Module._compile (node:internal/modules/cjs/loader:1097:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1149:10) at Module.load (node:internal/modules/cjs/loader:975:32) at…

VIEW QUESTION

Reactjs – Why hover not work after using padding top

November 2, 2023
Cherry
3 Answers

I use padding top 120px. After using padding top hover not work properly. Why is this happening?Here is my code: 'use client'; // eslint-disable-next-line no-unused-vars import React, { useState } from 'react'; // eslint-disable-next-line no-unused-vars import {BsChevronCompactLeft , BsChevronCompactRight} from…

VIEW QUESTION

Css – Styles are not applied to external components from a different package in NextJs SSR

November 1, 2023
africandrogba
2 Answers

I am using an external react component that is imported into my nextjs app code, this is how the component looks like <AppBar className={clsx(classes.header)}> </AppBar> export const header = makeStyles((theme) => ({ header: { [theme.breakpoints.down('md')]: { padding: `0 ${theme.spacing(4)}px`, },…

VIEW QUESTION

Javascript – Adding signIn with google next-auth error client_id is required

November 1, 2023
Shazib Mahmood
2 Answers

I am trying to add Sign in with google option in nextjs using next-auth, here is my [...nextauth].js file which is in api/auth folder: import NextAuth from "next-auth"; import GoogleProvider from "next-auth/providers/google"; export default NextAuth({ providers: [ GoogleProvider({ clientId: process.env.GOOGLE_ID,…

VIEW QUESTION

Javascript – Next js trying to fetch data then pass it to a client components but it's not working

November 1, 2023
CJ 2000
4 Answers

im fetching data asynchronously then passing it to a client component as props then sitting the state of the client component and displaying it but it's not working the props are passing fine but the state is not getting set…

VIEW QUESTION

Debian – next-auth: Axios raises connect ECONNREFUSED ::1:8000 when sign-in to django

October 31, 2023
Zkh
2 Answers

Stack Backend: django (dj_rest_auth for authentication) Frontend: nextjs (next-auth for authentication, environment variables are set correctly.) OS: Debian 12 - bookworm Dependencies: redis, memcached, rabbitmq running inside LXD - Ubuntu 22.04 container Summary i have a nextjs(13+)+django(4.2+) application up and…

VIEW QUESTION

Reactjs – Start by creating a new Next.js project using create-next-app

October 31, 2023
Gizem Kaya
2 Answers

I'm trying to create a new Next.js project using "create-next-app" but I'm getting the following errors. How can I run this command? PS C:Usersgizem> npx create-next-app@latest my-app --typescript --tailwind --eslint npm ERR! code ENOENT npm ERR! syscall lstat npm ERR!…

VIEW QUESTION

Facebook api – Module not found: Can't resolve 'pg-hstore' sequelize and nextjs13

October 31, 2023
amirhossein
2 Answers

I'm using Nextjs 13 to create a full-stack app and use Sequelize to handle the MySQL database. I have api folder to handle my admin form. in src/pages/api/test.js when I call my model It works correctly and without error and…

VIEW QUESTION

Reactjs – React TypeScript: Resolving Type Error with Props

October 31, 2023
Jboy-49
2 Answers

I've been working on a Next.js project with TypeScript for a portfolio website. Inside my Home functional component, I'm trying to initialize the state using the useState hook and setting initial values from the component's props. The component signature looks…

VIEW QUESTION

Javascript – "TypeError: Cannot read properties of undefined (reading 'foundTicket')" in my next.js app, Code seems to have no Problems

October 30, 2023
Ja Nosch
2 Answers

I'm new to next.js and making this project following an youtuber, here you can find my code: https://github.com/Fanguiee/ticketing-app/tree/edit-existing-item or you can also read below.Thanks in advance:) Screenshot: enter image description here Error in text: ⨯ appTicketPage[id]page.jsx (30:40) @ foundTicket ⨯…

VIEW QUESTION