Im having an issue with my react component where my item list re-renders EVERY time a new image is added. Here is my useEffect that I use to load image urls from the database: const [imageUrls, setImageUrls] = useState({}); //…
I have been really struggling with getting this POST request to work when trying out the create chat completion endpoint from the OpenAI API. For context, I began following a YouTube tutorial (Link here but when I got to creating…
I have created a new NextJS project with the latest version of Next (Next.js v13.4.19). I want to register onMouseEnter events for my application. A basic example works in this code sandbox: https://codesandbox.io/s/romantic-saha-9mvvwy?file=/index.js. I use a simple sudo yarn create…
how to get current url in nextjs without using window.location.href or react router const parse = require("url-parse"); parse("hostname", {}); console.log(parse.href);
So I am building a Frontend using NextJs 13 app directory. I have the login page at app/page.tsx. The code for it is below. "use client"; import { useMediaQuery } from "@mantine/hooks"; import { useForm } from "@mantine/form"; import mediaQueryConstants…
I have finished the frontend design.. Now integrating the backend, I came across this issue Here is the demo website I hard coded the components. Now I want to map through. And am confused... Please any help is appreciated, even…
First time using NextJS, why is this not working. When clicking the button there is no log message in the browser. I have also tried adding onChange to an <input /> however again, doesn't fire. I have removed all styling…
I have been working on this authentication for weeks now, and finally throwing in the towel as it has become a beast that is untamable. From my code below, I want the Sign Out and Sign In | Register links…
I have a React component that maps through an array of messages and returns a bunch of JSX based on a few conditions: messages.map(async (msg) => { let previewImage: URL | undefined = undefined; if (msg.mediaId) { previewImage = await…
So iam working with ecommerce website development with Nextjs, and i wanna populate reviewBy property that was in reviews array like this: { "_id": { "$oid": "62c4711c062128444ad591a1" }, "name": "Allover Plants Print Square Neck Knot Front Dress", "description": "Allover Plants…