Category "reactjs"

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),

Warning: A component is changing an uncontrolled input to be controlled

I have a project and this project is in order to run a contracting and construction company, and I have a file, which is the information for each of the company

React JS Material table - How to select rows of current page in material table

When I click on select, it select all rows in all pages of the table. Is there a way to only select rows of the current page of the material table? So for examp

React native install redux and socket.io?

I am new to react native and I have downloaded a project from github, and I see redux and socket.io in the package.json file, is there any need to install them

How can I import an existing React project in Visual Studio?

How do I properly import an existing React project being developed in Visual Studio Code into Visual Studio 2022?

sending selected field to another react component

I am receiving my API data in react. I am sending same data to another component to download the excel file. const [data,setData] = useState([]); const fetc

Can environment variables in React be accessed from the client?

I know it's bad practice to have environment variables containing backend API keys on the client side (React). How insecure is this practice? These keys are inj