Category "reactjs"

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

github Dependabot alert: Inefficient Regular Expression Complexity in nth-check

Possible duplicate, but couldn't find any clear answers. Dependabot cannot update nth-check to a non-vulnerable version The latest possible version that can be

Removing media query from all components

I would like to ask if there is any way to disable/remove all media query in React for all component libraries like Material-UI etc?

React Material UI Visual Editor

I'm starting an open source project, a visual editor for React Material UI. This is the link to the project. Users will be able to drag and drop material compon

Attempting to create a dynamic react pdf report generator based on params

Code below: codesandbox.io/s/muddy-monad-zqwt73?file=/src/App.js Currently, unsure why, the pages are not making it into the document and an empty Document is r

CSS animation/keyframe speeds are different when looking at the site locally and on a code sandbox?

I have the exact same code on my local machine as I do on StackBlitz (an online Next.JS sandbox-type website), and for some reason - the animation speed for the

marker is showing out of the map in mapboxgl react project

I am using mapboxgl for the first time. i found the source code from github. the map is working fine but the marker is showing outside of the map. don't underst

Is there a default function I could use for comparisons with React.memo?

I have a <Track/> component that have an object as prop; like const myData = { "location" : ["http://example.com/1.ogg", "http://example.com/2.mp3

auth.currentUser shows undefined on HomePage

I have a file where I have written all the firebase related functions, including this one here function CurrentUser(){ console.log("auth", auth) return auth.cur

Adding a logo in printed page (pdf) not in actual page using react-to-print

I'm trying to add a logo on top of the printed page not in the page that browser or device renders. I'm using react-to-print to print page in PDF format.