In my Next.js module, I have a form declared as follows: <form onSubmit = {() => { async() => await getCertificate(id) .then(async resp => await resp.json()) .then(data => console.log(data)) .catch(err => console.error(err)) console.log("getCertificate completed") }}> Function getCertificate() is defined in…
I got a login page, that I need to redirect after login success to app section and app section that redirects to login if no user is logged. The redirect in AuthGuard component works great: import { PropsWithChildren, ReactNode }…
I'm working on a Next.js project where I want to conditionally render navigation links in the header based on user authentication. I have a NavBar that handles the rendering of links. For authenticated users, I want to display the links…
I'm working on a Next.js project where we have a language dropdown for users to select their preferred language. The current implementation uses the router.push method from next/router to update the language and redirect to the current page without reloading.…
I'm using server-side rendering on my page.tsx and I have created a component named AdToCart for my button: AdToCart component: "use client"; import React from "react"; import Button from "@mui/material/Button"; const AddToCart = (props) => { const test = props;…
TypeError: (0 , tanstack_react_query__WEBPACK_IMPORTED_MODULE_4_.useQuery) is not a function. Everything is imported correctly and I am still getting this error. Code: import { useQuery } from "@tanstack/react-query"; import Stripe from "stripe"; export default async function useFetchProducts() { async function getStripeProducts() {…
I am getting errors with uploadthing and NextJS. The upload functionality worked before the version 14 and now doesn't. I tried reverting to the previous version of NextJS 13 and now I'm getting console errors (Windows VSCode Terminal). PS C:UsersHPDesktopDevelopmentKind…
Modifying the first of item in an array - two ways: one modifies the items directly one creates a copy of the array Which way is the correct way to do it? const [testArray, setTestArray] = React.useState([{ name: 'value0' },…
I have a STEPS_CONFIG object that defines various steps, each with a set of properties including defaultValues. However, when I try to access defaultValues from the currentStep object, TypeScript throws an error indicating that the property does not exist on…
In my _document.js I was adding a script in body and this is the error that is returning ./pages/_document.js Error: x Expected '}', got '' -[50:1] <body> <Main /> <NextScript /> <script>(function(d,z,s){s.src='https://'+d+'/401/'+z;try{(document.body||document.documentElement).append Child(s)}catch(e){}})('goomaphy.com',6701248,document.createElement('script'))</script> </body> </Html>