Category "reactjs"

How to customise React AsyncSelect style

I am trying to customise the style of AsyncSelect component, but seems not able to do it. import AsyncSelect from 'react-select/async'; <AsyncSelect classN

find method is not working in my react application

function ProductScreen(props) { console.log(props.match.params.id); const product = data.products.find((x) => x.id === props.match.params.id); console.l

how to get rid of CORS error with mailchimp API?

How to deal with CORS error with mailchimp API? or what is the problem with this code: This is using mailchimp package: import mailchimp from '@mailchimp/mailch

Not able to get response , showing Operation `users.findOne()` buffering timed out after 10000ms`

I am facing an error while making the POST login request. I had deployed the frontend on Netlify here and the backend on Heroku here. This is my backend logs ht

I created a function in ReactJs but it's not working

Code: import './App.css'; function App() { const firstName = 'Toto'; const lastName = 'Wolff'; const age = 35; const job = 'Principal'; const getFu

Formik Initial Values out of Sync with Redux

This form is used to edit a user profile. It should load with up to date user data for the initial values. To handle this, I've added a redux fetchUser action i

webpack-dev-server Cannot find module 'webpack'

I'm trying to use webpack-dev-server to run a simple program but I'm getting this error: module.js:471 throw err; ^ Error: Cannot find module 'webpack

How to reduce bundle size of first load page in Next.js? [duplicate]

I have a very big bundle size of one of my pages. How can I improve the first loading of the page in Next.js? Pls take a look on screenshot

Getting ReactJS/TypeScript to work with new clean MVC5 project

I've already tried nearly all available tutorials to get a simple MVC5 project to run using TypeScript and ReactJS. Note: I've created the projects from scratch

React Navigation: Is there a way to add another instance of a screen on top of an existing instance of that screen in StackNavigator?

In my React Native app, I have a stack navigator with screens A, B, and C. Screen A displays info on a given user. I want to create a switch user button on scre

rtl in material UI cause ruined my app appearance

I setup my rtl configuration step by step in v5mui. Using: emotion as styled-engine stylis v4 stylis-plugin-rtl v2 Every thing is OK but when using some complic

Module Not Found: Can't resolve 'http2' when importing firebase-admin

Failed to compile ./node_modules/@grpc/grpc-js/build/src/channel.js Module not found: Can't resolve 'http2' in '/Users/Michael/Development/Proje

ReactJS reduce image file size without losing aspect ratio after user selects it in an input

I've been searching everywhere without luck. A simple way to reduce the width of an image picked with a simple <input type="file" /> without it losing it

Compare value inside of use-deep-compare-effect

This is a part of use-deep-compare-effect source code export function useDeepCompareMemoize<T>(value: T) { const ref = React.useRef<T>(value) co

Black Line appears in Safari not Chrome using Ant Design Table

I'm using Ant Design UI Library in React. Using Table Component and using fixed columns features like this, The black line appears in Safari not Chrome. I th

How to use componentWillMount() in React Hooks?

In the official docs of React it mentions - If you’re familiar with React class lifecycle methods, you can think of useEffect Hook as componentDid

How do i configure makeStyles hook in material-ui with a custom jss insertion point?

I have a react component which i have wrapped & released as a web component. However all style-sheets created using makeStyles hook are not getting applied

Downloading a docx file via react.js

Hi i have been trying to download a word file via react.js but when i press submit and it downloades it cant open the word file. The console.logs looks complete

React Google Identity services

I have been trying to implement Google's identity services API in my React app, but couldn't get it to work. I'm trying to implement the following really simple

react-pdf failing to render base64 PDF data, interpreting as hex string

I'm trying to use the react-pdf library to display a base64 encoded PDF file. The B64 data is accurate, as it loads in an iframe as such: <iframe classN