Here is the simplified code of our Next.js 14 project: // path/to/action.ts "use server"; import AuthApi from "@/src/api/auth/auth-api"; export const submitForm = async (payload: any) => { try { const response: any = await AuthApi.login(payload); return { status: response.data.code, data:…
I have written this script to clear data and keep formulas, however I would like to keep the letters. IE column titles I have made so that when I enter data I know where it goes. This is my current…
I am using motion to animate a background color whenever the variable colorHex changes, which works nicely. I would also like to scale up and back down each time the color changes. For this I've used scale: [1, 2, 1]…
I've the following array: const arr1 = [ {"id": 699306, "address": "On earth" }, {"id": 701298, "address": "On earth" }, {"id": 701299, "address": "On earth" }, {"id": 701300, "address": "On earth" } ]; Another array is pretty complex as follows:…
It is a typical HTML form with textboxes. I am looking for the client side validation you get with forms but it's not happening. I'm sure I did something wrong but I don't know what it is. I am expecting…
I am working on a React project where I need to make the DayPicker component accessible by adding dynamic aria-labels to individual day elements based on their state (e.g., selected, disabled, limited, or unavailable). Here is the code I am…
I'm creating my custom React component with some extra features. I would like to keep it as close to the default browser behavior as possible. Whenever I change something in the form's input I would like the change event to…
I wanted to send the image array and form in react but my problem is it is showing the data in payload but when I debug in backend its body is empty This is how I am sending data using…
I am learning microtask queue and i have a simple question. With the following code: Promise.resolve().then(()=>console.log("Resolved1 Promise")); Promise.reject().then(()=>console.log("Resolved2 Promise")).catch(()=>console.log('Rejected2 Promise')); Promise.resolve().then(()=>console.log("Resolved3 Promise")); Promise.resolve().then(()=>console.log("Resolved4 Promise")); Promise.resolve().then(()=>console.log("Resolved5 Promise")); I expected output to be in the sequence: Resolved1 Promise Rejected2 Promise Resolved3 Promise…
The following snippet can be used as a bookmarklet to toggle between multiple websites or pages without typing or even remembering them. Here is the first version, it works fine: let url; switch (location.host) { case 'github.com': url = location.href;…