How would I go about creating a component using useEffect? useEffect(() => { fetch('https://website') .then((res) => res.json()) .then((data) => { setData(data) // Use fetched data to create object "roles" let cards = roles.map((path) => ( <Box m="sm" pt="xl"> <Card key={path.id}…
I am building a Next.js project and I get the following error: Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from…
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…