Category "reactjs"

Monaco editor dynamically resizable

I have been searching for a discussion about if it's possible to mimic the html tag textarea's resizing when using Monaco Editor's field all over the Internet b

Next JS messing up responses for concurrent requests

I have a NextJs app that uses SSR for all pages (so no static pages to worry about caching). Inside App.getInitialProps I get the user-agent to make an educated

Jest finds tests but doesn't collect coverage

I trying to collect test coverage for this project using yarn test --coverage # i.e. "react-scripts test --coverage" My jest config is this: "jest": {

React-icons error 'Cannot use import statement outside a module' in stackblitz

I'm trying to add icon in my social header, but I am getting this error: Cannot use import statement outside a module and here is code: import React from 'rea

Message prints in every Dynamic Accordion in ReactJs

I have a dynamic Accordion in ReactJs. I am getting the message from my backend. but it's printing in every Accordion. I'm sharing the code import React, { useS

Retrieve env variables in Strapi plugin

I develop a Strapi local plugin but I'm unable to retrieve variable defined in my .env file at the root of my project. I try to load this value in my React comp

"React has detected a change in the order of Hooks" but Hooks seem to be invoked in order

I am trying to use Context and Reducers via React's hooks, and running into problems with the order of the hooks not being constant. My understanding was that a

How to run a function when user clicks the back button, in React.js?

I looked around and tried to find a solution with React router. With V5 you can use <Promt />. I tried also to find a vanilla JavaScript solution, but not

Using a Raspberry Pi 4 to host react web app [closed]

I have some broad questions on the flow of how to set up my web app on Raspberry Pi. I've built a React App on my local PC, it hits up an node

React-router HashRouter When redirecting root URL with query parameters, route gets appended after params

I'm having the following issue. I am implementing SSO which, after successful sign in, redirects the user to the root uri with the access_token as a query param

Displaying firstname and last name in the same column in react-table-2

I have an API rendering some user data, first- and last name etc.: users = [{ firstname: 'Peter', lastname: 'Pan' address: 'someAddress' }, firstname:

Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it

Stripe Payment is completely work but i got the warning message on the console, "Unsupported prop change on Elements: You cannot change the stripe prop after se

'React' refers to a UMD global, but the current file is a module

I updated my project to create react app 4.0, and I'm slowing moving over my files to TypeScript. I know with this new version you don't have to repetitively im

Uploading multiple images in React

I would like to upload multiple images to send them off. I tried this two ways in handleChange but the formdata is always empty. I also want to know how to di

'React' refers to a UMD global, but the current file is a module

I updated my project to create react app 4.0, and I'm slowing moving over my files to TypeScript. I know with this new version you don't have to repetitively im

React: How to read audio file and provide preview before upload?

I am working on a audio file upload and want that the audio file is available for the audio player before the upload starts: 1) the user selects the audio file,

Imported components transformed into "/static" urls in react-create-app

I'm having an issue I can't really find any previous answers to or documentation about. I'm loading a component, in a module, on my local machine, "login.jsx,"

react-datepicker css not being applied

I'm using a Symfony-based react application and am trying to include a datepicker using the react-datepicker module. I can create the datepicker object, but it

Docker file system not loading into localhost

Current I am working on a full stack application with a react frontend, mysql DB, and apache php instance. Something seems to be up with my changes going from m

How to change button text language on protable filters in Ant Design Pro

I have a pro-table in ant design in which I want to apply filtering. However, the action buttons on the filters are always in Chinese as shown in the attached i