Category "reactjs"

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!

How can I apply React Router v6 and react-transition-group transition to only specific routes?

what can I do if I want to exclude some 'routes' from the transition? For example, the routes are as follows; <Routes> <Route path="/login" element={

How to add checkbox input in each row of react-virtualized table?

I have a state that whenever the user scrolls in a specific part, the data is receieved from API and appendded to the end of this state. Because the data is bi

How can I close Modal and Popconfirm of AntD when I click the OK button on Popconfirm

Recently I try to use antd. However, when I close Modal and Popconfirm components once I click the OK button on Popconfrm, it doesn't work well. It means only M

How to fix error "Failed to compile : ./node_modules/@react-leaflet/core/esm/path.js 10:41 Module parse failed: Unexpected token (10:41)"

I am trying to create a react-typescript app along with leaflet. I used the command, npm install leaflet react-leaflet @types/react @types/leaflet --save to ins

Requiring a child that accepts a ref attribute in React + Typescript

Using React + Typescript, I'd like to create a children prop that only accepts a single child that accepts a understands and accepts a ref attribute. Basically,

Context API using the initial value not the one set in UseState

I just started using typescript with react and tried to deal with ContextAPI with the typescript. So Far I've set a context and tried to use a provider inside m

React - How to filter a list without losing data?

I'm able to filter the list to display the items I want. The problem is, my method of filtering actually alters the list rather than just display the items I'm