Category "reactjs"

404 errors while hosting multi page react app on gh-pages

I want to host a multi-page react app on gh-pages. I've got links to different pages on my navbar, it routes properly to the links on homepage. But for differen

what is the easiest way to refresh the form in react without 'using react hook form' right after submission?

I created a form with html5 in react app but did not find any simple way to clear all input field with clicking the submit button. So I wrote a function and wri

How To Build React App Through Gradle Task

I am a new in gradle task creation.I am using Spring application as backend and in frontend I am using React App.So now My question is how can I build react app

Styling Scrollbar of the modal inside reactjs-popup

I have a reactjs-popup inside my CustomPopup functional component: function CustomPopup({setFalse, item}){return(<Popup open={true} onClose={() => {setFal

Uploading multiple content to Cloudinary React js

I'm building this website where users can sometimes upload one audio or one image and sometimes both at the same time to cloudinary. I'm able to upload from the

Type for useRef when used with setInterval/clearInterval [react-typescript]

I am setting up a useRef object to hold a NodeJS.Timeout component, the return type of setInterval(). When I use that later in clearInterval, I get an error (sh

Submit data to database using Inertia/React in Laravel

I have a form that is supposed to submit order details to the orders table through a custom select element (headlessUI Combobox). The element works fine but I c

vulnerabilities error while installing via NPM, ( npm audit fix ) also not working

I was working on a react project and wanted to install react-icons so run npm install react-icons in the command prompt. but after a while it throws these error

Form Validation not working using react and StepWizard

Can someone explain why this validation is not working properly? When I click the submit button I should check to see if the field is empty, if it is it should

React Native Debugger uses wrong version of react-devtools

Trying to debug apps with React Native Debugger. Shows "Unsupported DevTools backend version". How I got here I created a new app using expo init ([email protected]

Why am i getting blank page output?

The output should be a page where these are written line by line Navbar Header About Work Skills Testimonial Footer But i am getting a blank page. I have done e

NGINX Setup to Match Proxy Middleware Configuration

I have the following setupProxy.js class that configures redirection for api calls to my server. const { createProxyMiddleware } = require("http-proxy-middlewar

Uncaught Error: Cannot find module 'react-dom/client'

I just create my application from npm command, when i run the start script the application throws me that error.

multer node js upload image

when i send a new image the link apper like this: uploads\854645135.jpg i want to change this antislash"" to slash"/" cause i can't find this data in frontend c

why do the context value assigned to default value?

why do the context value assigned to default value despite of using value prop in provider?? here is when I created the context: export let exchangeContext=Reac

TypeScript errors for ReactNode after migration to Create React App v5

After migrating to Create React App version 5, I have errors like the one below: TS2786: 'OutsideClickHandler' cannot be used as a JSX component. Its instance

Warning: Failed prop type: The prop `history` is marked as required in `Router`, but its value is `undefined`

So I'm a beginner in react, and I'm racking my brain to try to solve the error and still I'm not getting it... I've already messed with this code below, to try

React-Webcam Recording, Replay, Re-recording, Storing

Just making a video recording component that you can replay afterwards to see if you like it, if not you just re-record, and finally it will store it in the dat

Navigate function changing page to the AdminEntry component?

I am trying to navigate to a new component called AdminEntry, its inside a file called admin-entry.jsx, so after the if statement has been satisfied it moves to

React navigation via props.history.back

In my React app, I have different routes. Now, if I bookmark one of the URLs (which has a Back btn) and if user goes back (either browser or via the Back btn),