next.js Questions

Import trace for requested module / next js 13 / app directory / mongoose mongodb – Reactjs

February 27, 2023
Roman
2 Answers

There are a lot of errors in my application console. How to fix it? Next js 13.2 / app directory Import trace for requested module: ./node_modules/@aws-sdk/util-user-agent-node/dist-cjs/is-crt-available.js ./node_modules/@aws-sdk/util-user-agent-node/dist-cjs/index.js ./node_modules/@aws-sdk/client-cognito-identity/dist-cjs/runtimeConfig.js ./node_modules/@aws-sdk/client-cognito-identity/dist-cjs/CognitoIdentityClient.js ./node_modules/@aws-sdk/client-cognito-identity/dist-cjs/index.js ./node_modules/@aws-sdk/credential-providers/dist-cjs/fromCognitoIdentity.js ./node_modules/@aws-sdk/credential-providers/dist-cjs/index.js ./node_modules/mongoose/node_modules/mongodb/lib/deps.js ./node_modules/mongoose/node_modules/mongodb/lib/index.js ./node_modules/mongoose/lib/index.js ./node_modules/mongoose/index.js ./Total/db/connect.js ./Part/ssr/Ssr.js ./app/(pages)/profile/page.js ./node_modules/mongoose/node_modules/mongodb/lib/bson.js…

VIEW QUESTION

Mongodb – How to pass database data as props in getServerSideProps in NextJS

February 26, 2023
Nsikan Simon
2 Answers

I want to pass the user data I fetched from a MongoDB database using the user id to the props in the return section. how can I send the data docs in the callback function to the props correctly? Thanks…

VIEW QUESTION

NextJs 13 :Customizing Next.js layouts based on route hierarchy – Reactjs

February 26, 2023
NIsham Mahsin
3 Answers

I am working on a Next.js 13 project where I have a route named problems/[slug]. On the first level of this route (e.g., problems/react), I have a sidebar and a content section, which I am displaying using a layout.tsx. However,…

VIEW QUESTION

react-youtube TypeError: Cannot read properties of null (reading 'playVideo') – React native

February 26, 2023
Vic
2 Answers

Unhandled Runtime Error TypeError: Cannot read properties of null (reading 'playVideo') Call Stack eval node_modules/react-youtube/node_modules/youtube-player/dist/index.js (65:0) new Promise exports.default node_modules/react-youtube/node_modules/youtube-player/dist/index.js (64:0) createPlayer node_modules/react-youtube/dist/YouTube.esm.js (170:41) https://upload.cc/i1/2023/02/26/daWAmu.png This error may occur when I click pagination to get the video or just load…

VIEW QUESTION

Next JS 13 app directory fast refresh on dev localhost does not work as intended – Ubuntu

February 25, 2023
Dániel Flach
2 Answers

NextJS documentation (https://nextjs.org/docs/basic-features/fast-refresh) states: Fast Refresh is enabled by default in all Next.js applications on 9.4 or newer. With Next.js Fast Refresh enabled, most edits should be visible within a second, without losing component state. But it seems like this…

VIEW QUESTION

Outputting a JSON API call response from Golang to a nextjs frontend

February 25, 2023
Carlos
2 Answers

The Error I am getting is Error: Error serializing `.username` returned from `getServerSideProps` in "/". Reason: `undefined` cannot be serialized as JSON. Please use `null` or omit this value. My backend go is working fine I can check it on…

VIEW QUESTION

How can I open a project on Ubuntu server, specifying IP address with port?

February 23, 2023
Viscosity medium
2 Answers

I ran into the problem that when deploying the next application on the ubuntu server, and starting the production build (or even just dev), I can't open this application by specifying the server address and port. I tried to make…

VIEW QUESTION

What does _app.js and _document.js file do? What's "_" (Underscore) for in next.js? – Reactjs

February 23, 2023
Sajjad-Kazemi
2 Answers

When I created a next.js app using npx create-next-app there is 2 js files named app and document leading with an Underscore what is that for? The files are like this: ▼ pages _app.js _document.js

VIEW QUESTION

I did not get data from the api. I need fetch data from API – Reactjs

February 22, 2023
S M Fahim Hossen
2 Answers

import { GetServerSideProps, NextPage } from 'next'; import Image from 'next/image'; import React from 'react'; import photo from '../../assets/photo.jpg'; type Products = { data?: { id: number; title: string; body: string; }[]; }; const defaultProducts: Products = { data: [],…

VIEW QUESTION

Cannot read properties of undefined (reading 'map') in nextjs while using getStaticProps – Reactjs

February 21, 2023
Chetan Menaria
2 Answers

Here in Image you can see the error and the code i've tried.Server Error TypeError: Cannot read properties of undefined (reading 'map') This error happened while generating the page. Any console logs will be displayed in the terminal window. here…

VIEW QUESTION