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>
This is my login page (I use Next.js 14) below. when setSubmitting true - loading spinner render on the page, but for some reason before page actually routes to / home page isSubmitting became false and form again shows for…
I'm trying to serve a static page in Next.js with responsive design for different device sizes. I am using both CSS media queries as well as JS responsive tools so it should have different layout for different screen sizes. For…
I have a simple number input in react component. I need to make it not accept more than 4 characters. But it doesn't work with maxLength attribute. What else i can do to prevent it taking more than 4 characters.…
I'm using Next.js and I have a root layout file in my app router. However, i'm encountering an error in my <Nav/> component because it's using state to keep track of whether the mobile nav is open or not. the…
I am just curious to know the way to populate extra and extraOptions, and from where the arguments must be passed in order so that they can get populated and can be used then in creating some condition based scenario.…
After a bunch of false starts I've followed the T3 stack approach to runtime environment variables for my next.js app, particularly to protect my MONGODB_URI secret by providing it only at runtime on the server. env/server.js: import { createEnv }…
New to programming:, have built a collapsable accordion in an NextJs app using the react-collapse package. It works as intended, the problem comes with how it is tracking what 'drawer' is currently open. I'm trying to, in a sibling have…
I would like to display more than just one sentence(i.e. Error title, error description and error cause). I tried to extend basic Error class and add there two custom properties, but I can't access them in error.tsx file. Any ideas…