I have this component (Blinker2.tsx) "use client" import { useState, useEffect } from "react"; const Blinker2 = (props: { interval: number, delay: number }, { children }: Readonly<{ children: React.ReactNode; }>) => { const [active, setActive] = useState(false); useEffect(() =>…
I'm using react-router-dom 5.2.0 App.jsx `<Route path="/shop"> <ProductListPage /> </Route> <Route path="/shop/:page"> <ProductListPage /> </Route> <Route path="/shop/:gender/:category?"> <ProductListPage /> </Route> <Route path="/shop/:filter"> <ProductListPage /> </Route>` ProductListPage.jsx `import { useParams } from "react-router-dom"; export default function ProductListPage() { let { page…
After the code below executes, if the submit button is pressed without touching any fields, it runs the handleSubmit() function. But the problem is when that is done, it prints the errors twice. Why is that? import React, { useState,…
I used useState hook for a todos array const [todos, setTodos] = useState([]); ` I'm using this array to display and index of all todos. I also need the todos for the initial mount, so I'm using useEffect hook. `…
I’m building a Next.js application using TypeScript that handles payments with PayPal. I’ve created an input field where the user can enter the amount they want to pay, and I’m using useState to manage this value. However, when the PayPal…
I have an object(user.js), App.js and an image(admin.png) in the same directory. user.js export const user = { name: 'ADMIN', logo: './a.png' } Inside App component, I am trying to access the image, but it's not working. App.js import {…
When i am clicking on submit button error not showing in form validation. But when i am changing any text in input field it's giving errors. Like i am not filling fname field and submitting form it's not showing anything…
I have an odd issue I am dealing with. I have this useEffect function which is supposed to run on my program's start to check that they are logged in, and generate a dynamic element, named lists. Code is below:…
I am trying to design a react component. The design is almost what I want it to be but why do I keep getting this weird gray bar behind my "Get Insured" button. /* eslint-disable react/prop-types */ const InsuranceCard =…
I have BrowserRouter in my header.js file: <BrowserRouter> <header className='tren dark:bg-blend-multiply h-[25vh] grid grid-cols-12 shadow-xl '> <div className='flex items-center justify-center col-span-full md:justify-end md:pr-10'> <div className='flex flex-row justify-between w-full px-4 md:block md:w-fit'> <h1 className='text-center text-white underline decoration-wavy decoration-2 '> Dit Gestion…