Category "reactjs"

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

How to use Exec / ExecFile on Javascript to run a java file and get the result

Running this JS file on the server side of my website so when the user presses a button, it executes this command with my API: exports.runAlgorithm = async (req

React-Router: Force reload in browser

We have a monolithic react SPA deployed with AWS Cloudfront. We are trying out microsite architecture where each route/path in the react app will be built and d

cannot find module '@babel/generator' but it installed

i have " cannot find module '@babel/generator' " error while trying generate signed apk. But i installed this package using yarn add, this is part of my package

How to use TypeScript and forwardRef in ReactJS?

I'm having a problem when using forwardRef with TypeScript. What I want? pass a typed ref to the child component. What am I getting value of console.log - child

Is there a way to change the react-chart-js tooltip only on a graph?

I have the following: const labels = historicosData.map(historico => { const localDate = new Date(historico.fechaIngreso); return localDate.toLo