components/UI/Icon: types.ts File: export interface IIcon { iconName: string; iconSize: string; iconFill: string; } index.tsx File: import React, { FC } from 'react'; import { IIcon } from './types'; export const Icon: FC<IIcon> = ({ iconName, iconSize, iconFill }) =>…
So I'm quite new to the NextJS space, I was using plain react before, but I've found the need for ISR, so I came to NextJS since its so far been an alright transition. What I have is the following…
I am using next-auth.js version 4.19.2 with the "credentials" (db) provider and some custom sign-in, and signout pages. I seem unable to return what it expects from the authorize() handler. I would like to return the authenticated user or an…
I have a Next.js app that uses Tailwind. I want to load a third party document viewer that has it's own styles and there's a clash between this viewer and Tailwind styles. Is there a way to avoid the naming…
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…
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…
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,…
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…
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…
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…