I encountered the following error "Error: Error serializing .product returned from getStaticProps in "/products/[id]". Reason: undefined cannot be serialized as JSON. Please use null or omit this value." This happened when I tried creating individual product pages for my e-commerce…
I need to make my modal persist after website refresh. As soon as a user logs out it refreshes page and modal saying "sign-out successful" disappears. I want the modal to show up after sign-out and persist until the user…
I got following erros in my next.js 13 project please help me to fix this problem. [1] - error srcreduxstore.js (12:15) @ localStorage [1] - error ReferenceError: localStorage is not defined this is how it looks in my terminal this…
My project (built on NextJs 13 App Router) crashed during production (deployment on Vercel via github) but it worked perfectly on development. The error i got is Error: Failed to fetch data at getData (/vercel/path0/.next/server/app/feeds/page.js:401:15) at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async…
I am using nextjs 13 and the postgresql provided by vercel, I have created a few routes, here's an example of one of them: get-testcase.ts import { NextApiRequest, NextApiResponse } from 'next'; import { sql } from '@vercel/postgres'; export default…
I'm getting a warning for almost all of the local images in my site: Image with src "http://localhost:3000/_next/static/media/icon_home.0f967506.svg" has either width or height modified, but not the other. If you use CSS to change the size of your image, also…
I recently converted a react site to use next.js for seo, and it runs perfectly fine aside from the fact that it doesn't render index.js correctly. I then converted all the code on index to exist at url.com/home, and decided…
[ const arrayOfObjectsSchema = new Schema({ array: [ { title: { type: String, required: true, }, desc: { type: String, required: true, }, img: { type: String, required: true, }, content: { type: String, required: true, }, username: { type:…
Updated code after some suggestions from comments(still getting the same error): const bcrypt = require("bcrypt") const User = require("../../model/userModel") export async function POST(req: NextRequest) { await dbConnect() const res = await req.json() await bcrypt.hash(res.passwd, 10) .then(async (hashedPassword: any) => {…
Please help, I need to get data from an array of a page, then display it on another page. I'm, using NextJs, with Typescript, AppRoute Here's my code: app/page.tsx: import Image from 'next/image' import Link from 'next/link' const listMember =…