Below is a snippet of my React Js code where I pass the SVG file to a smart contract. The problem is the SVG is blank when it is passed to the smart contract function. Also, when I console log…
I have been working on a Firebase 9 and React app where I need to do Google login by Firebase. From my learning I got to know Firebase doesn't support Google Sign-in right now with manifest.json version 3. I came…
In my react app in my <Login > component I check if user has a valid JWT with useEffect hook and then redirect them to "/" . But every time I try to access the "/login" route I see a…
I want to keep the dragged object on the top of other objects. So, I have css basic.module.css .dragging-shelf { z-index:100; } then in function import styles from "../css/basic.module.css"; const [isDragging, setIsDragging] = useState(false) const handleStart = (e,data) =>{ console.log("drag…
const SignUpForm = () => { const {values ,errors , handleChange , handleSubmit} = useFormik({ initialValues , validationSchema: SignupSchema, onSubmit : async ()=>{ const user = await fetch('http://localhost:8080/user/register' ,{ method : "POST" , body : JSON.stringify(values) }) console.log(user ,values); }…
I'm working on a frontend project. I need to set the net of routes. I've found that there the react-router-dom@latest. I'd like to know if there's another option. Because, JS a opensouce. So I thought someone else could've created another…
When I click on the Link parent it fires the click on the button as well, I want both events to be separated. <Link className="product-item__link" to={`/products/${product.category}/${product.id}`} > <div className='product-item'> {/*I have here other elements*/} <button className="product-item__btn" onClick={() => addToCart(product)}>Add to…
usually we do it for writing JSX syntax inside .js files. ...but here I'm already giving the extension as .jsx then why we need to import react module ? I've tried to search for the answer but everywhere i found it unclear.
For a React project, I put in place a CI with Cypress end-to-end tests on Github Actions. Here is the issue: my tests pass locally they all fail with this error on Github Actions : AssertionError: Timed out retrying after…
React server components make us use the "use client" directive on top of files. This basically breaks react components library (like ReactBootstrap and PrimeReact) and makes us create wrapper files just to add "use client" in each module exported by…