I'm just starting out learning mongodb and following the official tutorial on YT and ran into an error when trying to connect and run a function. This is my code: "use client" import { useEffect, useState } from 'react' import…
I have an object called tour with the following structure: const tour = { date: dateBetweenFormat(13),//returns string where: "NY", info: "group full", amount: "750$", place: "hotel", }; I would like to render the properties of this object as JSX elements…
I am using createContext in Next.js to create a dark mode button; here's the ThemeContext.tsx, it's originally a normal jsx file; I am trying to convert it to TypeScript. "use client"; import { useState, createContext } from "react"; type ThemeContextType…
Note that this question is tagged next.js. Familiarity with Next.js is essential for understanding the relationship between the getStaticProps and Home functions in the code below. export async function getStaticProps() { const dummyData = [ { id: '1', name: 'john'…
I am using Next.js/React + Firebase as the backend for a To Do List (containing name, time task will take and due date fields). I am trying to get the items from the Firebase collection and push it to setData…
I have file in assets and i hope this file can download in my project <button className='p-2 bg-green-600 my-3 text-white '> <href='../../../Assets/file/form_upload_lead.xlsx'>Download Format Upload</a> </button> i hope this file can download. when i download this file the result like this
I am unable to render layout.tsx with a default theme as the theme provider is needed and useContext is called. Therefore next js complains about not being able to run server-side. So I put the use client field into the…
I have a register page, and when someone fills out the form and clicks submit, he will save his data in MongoDB, generate a token, set payStatus to false automatically, and redirect me to the payment page of the Stripe…
Hi i am having this error in next js TypeError: Cannot read properties of undefined (reading 'headers') at eval (webpack-internal:///(sc_server)/./node_modules/next/dist/server/future/route-modules/app-route/module.js:254:61) a sample of code snippet newUser .save() .then(() => NextResponse.json({ msg: "Successfuly created new User: " + newUser ,status:200}) )…
In next.js app, I'm using an object of string key and string value in the select box which looks like this: export const HOURS: { [key: string]: string } = { '00': '00', '01': '01', '02': '02', '03': '03', '04':…