I'm trying to use useFormStatus() to change UI dynamically when the form is submitted and it's waiting to fetch the data. I have a form component like function onSubmit(data: z.infer<typeof FormSchema>) { requestImg(data).then((imageStringify) => { const binaryData = Buffer.from(imageStringify.image); const…
I developed an API using Django-REST Framework and am trying to connect it with my frontend. I have an endpoint to get the last four winners, and when I try it works alright async function getLastFourWinners() { const url =…
I use the newest version of nextjs with app router, and I'm a little bit stuck with route organization. I need routing like that, but can`t figure out how to do it catalog/[category]/[id] ===> id.jsx catalog/[category] ===> catalog.jsx catalog ===>…
I am new to firebase and I am trying to use firestore to get data for my next.js app but get an error. Here is the error: TypeError: fetch failed at Object.fetch (node:internal/deps/undici/undici:11730:11) at process.processTicksAndRejections (node:internal/process/task_queues:95:5) { cause: AggregateError at…
I have a Next.js app that I've been building with AWS codebuild for several years without issue. I recently updated the project to Next.js 14 (from 13) and am now getting failed builds with the following error: unhandledRejection ReferenceError: Headers…
I want to make React table custom component with row selection in single, multiple and none selection mode. And since is refactoring process of current oversized table component I want to make it as simple as possible in case of…
I'm trying to point my squarespace domain I purchased to my Public IP. I am using Ubuntu Server I have a localhost Next.js app on port 3000. I port forwarded that port and I can access it on a different…
When working on a Next.JS project (hosted on Heroku) I have the following isssue. This is the content of the main file (for my problem) DB_ChanList.tsx: 'use client'; import Link from 'next/link'; import channelsPool from "@/lib/channels"; import React from 'react';…
I'm diving into React, and I've been experimenting with a Modal component using styled components. I'm trying to achieve a similar effect to Framer Motion's motion.div, but with styled components. So far, I've got the basic structure working great: "use…
I'm getting a weird behavior when using the useOptimistic hook from React. Running: "next": "^14.0.4" with app router. When I click the button I get 2 console log outputs instantly. In the first log I can see the optimistic result:…