Category "reactjs"

How to delete a list item from ant design List?

I want to show a list of data in ant design List. I also want to add a delete or remove button at the end of the each list item. I am unable to find any API fo

react-router-dom Link on click close bootstrap modal window

I need to close the modal window by clicking on the link. My modal window: export const ModalWrapper = (props) => { const { children, title, modalName }

"Firebase Hosting Setup Complete" after deploy

I've been trying to fix this issue for 2 days now and I couldn't find a viable solution yet :( I am deploying my React Single-Page App onto Firebase Hosting but

ES6 modules - imported constants undefined if not in React component

The only similar question I have found is this one but I can't see how would I have caused a circular dependancy in this case: I have a file exporting constants

Why npx create-react-app is showing "the project was bootstrapped with an old unsupported version of tools"?

I recently switched to Ubuntu, whenever I create react app it's giving me this note, and the app it's creating is a class component. ankit@gram:~/Documents/Deve

When does create-react-app obfuscate or minify code?

I have kind of a basic question about webpack and react that I can use help with (around code obfuscation/uglification). I am using create-react-app for my ap

Unsure if an existing project is using blob files of some other data format

I am working on an application that was created by a colleague that is no longer with the company. I am trying to open what I believe is a PDF in blob file form

Why is React.Fragment causing the console error: Results Warning: React.createElement: type is invalid

I have the following: const MyField = class extends React.Component { ... renderField = (reduxFormFieldProps) => ( <React.Fragment> <Fo

Close menu on container scroll

I want to close the react-select menu when scrolling a container outside of the select control. There is a closeMenuOnScroll prop in the official react-select d

Can't resolve '@blueprintjs/core/dist/blueprint.css'?

I have imported import '@blueprintjs/core/dist/blueprint.css'; but it gives an error like below ./src/index.js Module not found: Can't resolve '@blueprintj

Can't resolve '@blueprintjs/core/dist/blueprint.css'?

I have imported import '@blueprintjs/core/dist/blueprint.css'; but it gives an error like below ./src/index.js Module not found: Can't resolve '@blueprintj

How to deal with "Warning: validateDOMNesting(...): <tr> cannot appear as a child of <div>. " when using react-window to render table rows

I'm using react-window to create virtual tables with react-table 7 (and material UI tables). I'm embedding FixedSizeList instead TableBody. Something like this:

react-navigation swipe to go back doesn't trigger

I am using stack navigation and I want to use swipe to go back. However, even when I swipe the screen all the way to the right the app doesn't navigate to the p

Cannot find module './styles.scss' or its corresponding type declarations

i install yarn create react-app my-app --template typescript yarn add sass App.tsx import styles from "./styles.scss"; function App() { return <div classN

How to give Typography-like style to an input element with Material-ui?

I would like my Typography field to become editable, so I transform it into an input. Now I would like this input to have the same style. How to do it? I tried

How to change the background color of an ant.design InputNumber?

<InputNumber min={13} max={125} defaultValue={this.props.defaultValue} style={{ width: this.props.width, borderColor: this.

I want to use superagent in TypeScript-ed React

I want to use superagent in TypeScript-ed React. I try to write Tutorial with TypeScript and try to use superagent when reqest server. And I faced errors to use

React: Number input with no negative, decimal, or zero value values

Consider an input of type number, I would like this number input to only allow a user to enter one positive, non-zero, integer (no decimals) number. A simple im

How to snap Draggable's to Grid? (Material UI)

I am trying to make a card that is draggable, which is layered on top of a grid, and when moved, I want it to snap to the different sections of the Grid. I am a

How to configure redux-persist with redux-toolkit?

I have configured redux-persist with a traditional react-redux setup like this: onst persistConfig = { key: 'root', storage, whitelist: ['todos'], }; con