Category "reactjs"

How to prevent click outside React Modal?

I'm currently using react-modal package. I want to disable click and scroll outside react modal component.

Bundler does not load automatically (No bundle URL present error)

After updating my React Native app to the latest version up to date (0.60.4), launching my app using react-native run-ios would result in my application startin

How to handle "outside" click on Dialog (Modal)?

My box closes when clicking outside of the box making me lose all the input. I want my box to close only when clicking on the cancel button. I am not sure what

Problem with expo, util couldnt be found within the project

Error output got error and couldnt get it fixed idk whats problem last thing i remember was installing latest version of npm, after that rolled back and install

Error: idpiframe_initialization_failed while implementing OAuth 2.0

I am getting this error while using OAuth 2.0 in my web application. I am building my application in React. I have created the OAuth Client ID as well. I am usi

Error: write EPROTO 4455222784:error:1408F10B:SSL routines:ssl3_get_record:wrong version number:../deps/openssl/openssl/ssl/record/ssl3_record.c:332:

I have a websocket server running on the backend using the ws nodejs library. I'm getting this error whenever I am trying to connect to it from the client side.

How to avoid warning: Outer scope values like 'userDTO' aren't valid dependencies because mutating them doesn't re-render the component

getTransactions method call need to be called only if user is logged in, but the info about the user will not be visible. What can I do to force a reload when o

Laravel mix, webpack, terser - strip console log in production bundle

I'm trying to strip console log and console debugs from the production build of my laravel + react app. I found many different solutions but none seemed suitabl

Pluginable cross-platform software design for react & react native

I want to design a cross-platform (Android, iOS, and Web) plugin-able software that means everyone can easily develop a plugin for it and users can pick plugins

Getting "Html Webpack Plugin: Error: Child compilation failed: Module.createRequire is not a function" when trying to run React app

Trying to run npm start within my React app is causing the following: Error: Child compilation failed: Module.createRequire is not a function - child-c

React path to public folder in css background image

I am using Create-React-App and I want to add background image for my header section and I am doing this in that way: background-image: url('~/Screenshot_11.png

NextJs - Link to scroll to a section in same page

I'm using NextJs. I would like to create a link in my header section. This link should take the user to TestimonialsSection on the same page by scrolling.

A component suspended while responding to synchronous input

error Error: A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that s

How do I get rid of the white spaces on both sides of an image?

I'm trying to get rid of the empty space around an image, which is inside of a bootstrap column. I've managed to fix the problem on desktop using -1rem on the

How can I center the text in the headers for an AG-grid control?

How can I center the text in the headers for an AG-grid control? I have tried using cellstyle and cellclass in the column definition but that did not work. Than

How to set status code 404 instead of 200 for 404-page in Next.js

I have inquired about the way of setting 404 status code to 404-page in Next.js but the response I was given was that this is not true, that the status code is

How can i make my placeholder show on datepicker input?

I have a react-datepicker component inside my form and i am trying to put a placeholder which says "please select a date" but datepicker only shows the date.I d

How to import a compiled module from one app to another in npm workspace using webpack?

I'm using npm workspaces for the first time(node version v16.15.0 and npm v8.5.5 ). I need to import components from a react app in another app with some minor

Calculate the sum of values within an array of objects [duplicate]

I am trying to find the total sum for each item sold inside an array, like so: The array looks like this: [ { 'Some Title Item', '22',

How to install typescript + jest with create-react-app?

I want to install typescript and jest in a create-react-app-based app. I feel that since this is such a common installation choice there must be at least one "e