Category "reactjs"

How does one add one's own bespoke inputComponent JSX <input /> to a react-phone-number-input PhoneInput?

Code follows this description. react-phone-number-input allows uses to replace its default <input /> JSX tag with one's own, which specifically requires t

Hiding Android Splash screen in Capacitor Ionic/Ionic React

I'm having issues with the Ionic Capacitor Splashscreen. I've tried to use the official documentation which can be found here. However none of the examples in t

React — Passing props with styled-components

I just read in the styled-components documentation that the following is wrong and it will affect render times. If that is the case, how can I refactor the code

React useCallback with Parameter

Using React's useCallback hook is essentially just a wrapper around useMemo specialized for functions to avoid constantly creating new function instances within

Error while trying to install mui core with npm

I just deployed a new create-react-app and still receiving this same error message. I installed MUI and am receiving a 'unable to resolve dependency tree' n

Is there another way to view a PDF file from dotnet core API with react

I have dotnet core API thats returning a downloadable and i want my react to view as a blob but the pdf that is getting rendered is blank Dotnet core code

ReactTooltip.hide doesn't hide tooltip instantly

I'm trying to create a tooltip using react-tooltip with a close button. According to the documentation, I need to use ReactTooltip.hide but it doesn't seem to w

Application Breaks when adding custom component as import

I am having an issue where I have created two components "TaskInputField.js" and "TaskItem.js" and when I import them into the file I want to use them in, the b

react-card-flip library on multiple cards

I want to flip a number of cards, but using react-card-flip flips all of them at once. In this code, I have 2 cards, with their front and back. I have tried put

Trying to use fetch and pass in mode: no-cors

I can hit this endpoint, http://catfacts-api.appspot.com/api/facts?number=99 via Postman and it returns JSON Additionally I am using create-react-app and would

How to Enable Scroll Bar iside Ant Design Modal Component Body?

I am having a modal with long content. I need to have an internal scroll bar inside the modal but there is no information about that in the documentation <M

Render the detailed page when clicking on a linked item on the sidebar menu

I am working on the sidebar. Currently, I have a few items on my sidebar. When I select an item, it shows a few details on the main area. Actually, I have a lar

Refresh Screen A when goBack with React Native using Hooks

I have a simple doubt that I can hope somebody can help me with. I have a simple app that hava a main screen where loads all data that I get from a SQLite datab

Obscurify react code in production by automatically changing all the function and variable names

Are there any libs that help obscurify a react build for production? Something like: const MyComp = () = > { const {propa, propb} = useMyfunc() return(...)

Add a unique ID to each menu item in Material UI TablePagination

Is it possible to add a unique ID to each menu item that is rendered using <TablePagination >? I want to add a unique ID (for example: id="menu_item_0", i

What is the difference between a javascript package, node package, and react package?

Are they all the same thing? Can a node program use react package, vice versa?

setState provokes Minified React error #130 only on production build

Every time I interact with the drop-down button on the front page of my application, the error https://reactjs.org/docs/error-decoder.html/?invariant=130&ar

Using react redux with next.js

I try to use Redux with next.js starter project and I installed next-redux-wrapper on the project but I'm not sure where is the root file in this project. I try

Crash app error while trying to deploy react-flask app on heroku

I'm currently getting this error when I run the heroku logs --tail command. at=error code=H10 desc="App crashed" method=GET path="/" host=digital-engagement-too

Version Issue in integrating mobx-react in app

I received this error for my app sample-login-page while running npm update npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR!