I have fallen into the too-many-rerenders trap while implementing my own hook. The hook itself looked like this: function useRegexValidate(value: string, regex: RegExp, errorMessage: string, deps: any[] = []): ValidationResult { const [result, setResult] = useState<ValidationResult>(ValidationResult.Valid); useEffect(() => { if…
I am integrating Razorpay into my React application using the in `index.html`. It was worked Fine, but now today I am getting. Uncaught runtime errors: ERROR Script error. at handleError (http://localhost:3000/static/js/bundle.js:154495:58) at http://localhost:3000/static/js/bundle.js:154514:7 at Console: Uncaught TypeError: this[("on" + t)]…
I'm creating an update function with React: function Company(props) { const { contact, company, companies, setCompanies } = props; const [isEditing, setIsEditing] = useState(false); const [editedName, setEditedName] = useState(company.company_name); const [editedAddress, setEditedAddress] = useState(company.company_address); async function deleteCompany() { const response…
I have a React app https://codesandbox.io/p/sandbox/q6l8jp that uses the react-use-is-online npm package to check online and offline status. The package works perfectly, displaying appropriate messages for online and offline states. However, when I try to reload my browser while offline,…
In the useState hook the setItems runs every time when the page is refreshed and sets the same items again. Can t=you help me with this, please. useEffect(() => { if (inputArr.length > 0) { window.localStorage.setItem("inputArr", JSON.stringify(inputArr)); console.log("set", inputArr); }…
I am trying to learn react by practising a simple problem. I followed the below youtube tutorial https://www.youtube.com/watch?v=AsvybgZTryo&list=PLKhlp2qtUcSZiWKJTi5-5r6IRdHhxP9ZU&index=17 but when I search for an item the item is not passing properly in the api call https://dummyjson.com/users/search?q=${searchTerm} can you let me…
Here is the sample layout that working on having a scroll bar vertically My concern is, how will I remove it ? take note that before asking questions here, I have already research regarding how to hide scroll bar and…
I got request policy error, I need some help guys Im stuck just a beginner here! this is my frontend code using this function to fetch data in the server, signup: async (email, password, name) => { set({ isLoading: true,…
I have a simple signup form which works perfectly but I noticed when there is an error it still redirects to the homepage. import { Loader, Lock, Mail, User } from "lucide-react"; import React, { useState } from "react"; import…
I have a footer at the bottom of my page, where I want the following: Be all the way at the bottom after the content of the page Be at the bottom of the screen if there's not enough content…