for contenxt, I'm building a website for a pet rescue charity, I'm using Next.js. I'm new to Nextjs and can't figure out how to get my button or a link to actually work propperly I am currently getting a 404…
I have a little bit problem. I create data tables in my app and Im getting data from api, but from 2 endpoints. First call returns me (e.g. offers): { id: 1, product_id: 1, name: 'some name', etc... }... And…
I have a form data which consists of multiple images under the same product id. import client from "@/lib/fetchWrapper"; export default async function addProductImage({ photo, productId, }: { photo: File[]; productId: string; }) { if (!productId || typeof productId !==…
I am new to NextJS so the question might sound a trivial so please bear with me. So, basically I want to fetch data from a database and display it in the page at the first render and for that…
Problem: when I use below expression, IDE alerts typescript syntax error. I think typescript expects children to be assigned as ReactNode not as Array<object>. ----/page.tsx/---- ... <TopBar>{[ {text:"career",href:"",class:"p-0 m-0"}, {text:"contact",href:"",class:"p-0 m-0"}, {text:"patient registry",href:"/patient_registry",class:"custom-outline p-1 rounded-2xl px-4 hover:bg-black hover:text-white"} ]}</TopBar> ...…
I'm attempting to use renderToStaticMarkup in a NextJS 13 server action to send the generated HTML via email. import { renderToStaticMarkup } from "react-dom/server"; import { sendEmail } from "@/infra/email"; import { ResetPasswordEmail } from "@/infra/email/templates"; import { userRoutes }…
I've been using Redux for few time and i'm struggling with a Thunk answer... In my slice, I'm calling an async function "handleBoxDeliveryAsync" extraReducers: (builder) => { builder .addCase(handleBoxDeliveryAsync.fulfilled, (state, action) => { if (state.scanMode === "remove") { return; }…
I want to change the color of my navbar from transparent to 'bg-red-50' when I start scrolling. Following is my approach to this issue. The background is transparent and isn't changing on scroll. Moreover, nothing is being logged to console…
So basicall I wanted to create a registration process where you give your userName, email (but it can not exist in a database), password and then confirmed password. Project is in nextJS with pages router and typescript. import React, {…
I am trying to use Listbox from Headless UI to create a select dropdown menu as a filtering criteria for my application (see image). The problem is that when I update my "selectedMake" state, it resets to whatever I initialize…