I'm encountering an issue with form validation using react-hook-form and Yup where validation errors are reported even though the fields appear to be valid according to my Yup schema. The form includes nested fields under clientInformation, such as name.firstName and…
I need to create a form in nextjs, in plain react some time ago I used to manage the state of each input of the form by using an useState hook, now I have seen in the official nextjs documentation…
have this code: useEffect(() => { const redirectedFromRegister = sessionStorage.getItem("redirectedFlag") === "yes"; if (!redirectedFromRegister) redirect("/"); }, []); useEffect(() => { const changeRouteTimeout: NodeJS.Timeout = setTimeout(() => { sessionStorage.removeItem("redirectedFlag"); redirect("/trainees"); }, 7500); return () => { clearTimeout(changeRouteTimeout); }; }, []); and…
I am working on a commenting feature for a blog using latest version of NextJs. Text input collects data, and sends it to the database ‘Vercel` hosted, and I fetch the data from the frontend successfully as expected. However, displaying…
How is react-hot-toast allowing its state to be changed from another components just by exporting the components in react-hot-toast/src/index.ts by: export default toast; Usage in Nextjs14: =Layout.tsx: import { Toaster } from "react-hot-toast"; <body> {children} <Toaster /> </body> =page.tsx import…
I am in very critical trouble, let me explain I am creating a full stack application with next js 13, I have created an API that is perfectly working in dev(npm run dev) mode but the problem is when I…
I want to hide query params or query parameter, i want to show custom url on naviagation in Next.js 14. For example /user/12 expected output /user Can anyone help me out here. import { useRouter } from 'next/navigation'; const router…
I have created a TextArea and set up a ref. I added a button which randomly assigns value to the ref. however when I mouse over on it, the value disappears. const textareaRef = React.useRef(null); const onAddFeature = () =>…
I am using Next.js v14 to create a page with the configuration in the attached image. In index.module.scss, I am using an image for the background. Below is a portion of the code. &::before { left: 0; background: url(/img/pc/index_hero_bg1.png) 0…
I'm making an e-commerce next.js app with Typescript and MongoDB. This is my current file structure I will be referring to: My mainPage.tsx file renders all of my products in cards. Using products.map and Link, I am linking each product…