VirtualScroll rowRenderer method is called many times while scrolling

I have a react-virtualized's infinite scroll list, (Most of the setup is copied from this example). I'm providing it with a rowRenderer function like the specs requires. this works fine if the...

Why cannot i successfully deploy my nodejs app to heroku?

This is first time i deploy to heroku. The deployment itself was successful but when i open app i get an error. Looks like a problem resides inside package.json or Procfile. The fixing maybe...

react-native start EACCESS error for setup_env.sh

So, I got my first project in ReactNative to run from Windows for Android OS. Took a checkout on a Mac, configured it in an identical manner and as I try to start the react package manager using...

Airbnb react date range picker only showing current month calendar not selected dates month calender

I'm trying to add airbnb-react-date. After selecting start date and end date when I am re-opening the date picker the calendar shows current month instead of the selected start date/end date's...

How to enable stacktrace react-native run-android command?

I'm running a react native project via the react-native run-android. But during the build it fails stating that :react-native-device-info:processReleaseResources FAILED. Which doesn't give much...

npm install : Tried to download(404): https://node-inspector.s3.amazonaws.com/debug/v0.7.7/node-v51-linux-x64.tar.gz

See below for the issue that I am experiencing. It has been working fine until I tried to build with -Pprod. Then I tried to go back to -Pdev and it failed. Then I tried to rm node_modules and do...

Why (and How Can I FIx) ESLint import/no-extraneous-dependencies Failures on Installed Packages?

When I run ESLint I get the following errors: 1:13 error 'joi' should be listed in the project's dependencies. Run 'npm i -S joi' to add it import/no-extraneous-dependencies 2:16 error ...

npm WARN The package is included as both a dev and production dependency

When running npm install I got these warning: npm WARN The package babel-core is included as both a dev and production dependency. npm WARN The package babel-loader is included as both a dev and...

jest-haste-map: @providesModule naming collision

when i run npm start or react-native start ,i got this warning: jest-haste-map: @providesModule naming collision: Duplicate module name: core-js Paths:...

TypeError: _enzyme2.default.configure is not a function

So recently, I migrated from React 15.4.2 to React 16.0.0. Here are my current versions in project: { "jest":{ "verbose":true, "automock":false, ...

How to use react dates properly

I'm having trouble with react dates. I end up with this warning: Failed prop type: The prop `startDateId` is marked as required in `withStyles(DateRangePicker)`, but its value is...

Why has material-UI Tabs stopped working?

Material UI Tabs has stopped working... It must have been after an update as it's not working at all now. It could have been caused by the recent update to react-tap-event-plugin I made....

SPFx react cannot read property 'shape' of undefined

Hi I am creating an SPFX weather webpart and i am getting this error: there are no errors when i run gulp build. i am not sure how to debug my issue. this is the snippet of the proptypes.shape()...

Upgrading React 16 App to Apollo 2 Issue

I have a react 16 app and I am just trying to upgrade to apollo2. Near enough the same code works with Apollo1. Here is my index.js file import React from "react" import ReactDOM from...

React Native, AppStore requests NSLocationAlwaysUsageDescription value

I have an app with React Native. I've been uploading correctly to the app store, but today the app is rejected with the following message: Missing Info.plist key - This app attempts to access...

Webpack error: ERROR in index.bundle.js from UglifyJs

I am having a problem with webpack when building my project for production. Apparently it´s some interaction problem between query-string and Uglify. Hi have searched stack overflow for a while,...

react-loadable / redux - state is not initiated even createStore is called

I have started splitting code with react-loadable and all was good until I wanted to use this.props. Digging deeper I found out that redux state is empty like createStore was not called at all....

Yarn 1.7 can't start webpack

When trying to open webpack with yarn s I get the following error: yarn s yarn run v1.7.0 $ NODE_ENV=development webpack --config...

Error: The following asset(s) exceed the recommended size limit (244 KiB)

I worked with webpack for a white but to be honest I never paid attention to the build message(npm run build). Now I started to learn a little bit about webpack, what does module, plugins, etc and...

how to correctly configure material-ui with create-react-app for testing?

I've made an example from the material-ui Testing page from the site. I've made the app using create-react-app and I've imported enzyme into my project. import { createMount } from...

React app build broken on heroku but works on local

I am developing a React app with webpack locally and have no issues running it on dev-server mode. I also have successfully build the app locally and run it off a local server with no issues. All...

After upgrading react, version stuck at 16.3.2

I have react 16.3.2, and today i attempted to upgrade it through yarn upgrade [email protected] it has upgraded the yarn.lock's [email protected]^16.8.2 but when I console.log out the react version it still...

Get BrowserslistError: Unknown browser query `dead` when try to compile the react application

I use in my project react template - React Isomorphic Redux Admin Dashboard Try to compile the react app with this template: npm install yarn install npm run build dev or yarn run build and...

SPFX site (SharePoint 2016 on-premise site with react) reloading continuously. What to do?

I am trying to setup a SharePoint 2016 on-premise site with react using Yeoman generator : @microsoft/generator-sharepoint (V1.7.1). I followed the instructions from microsoft docs only. I had...

Error after updating react: TypeError: Cannot call a class constructor without |new|

Node version: v10.15.3 I'm working on a project. Everything worked fine, but after someone did npm install the following error is shown: TypeError: Cannot call a class constructor without...

Webpack import, default.a is not a constructor

I know this problem already has already been resolved in other threads but none of the provided solutions works for me. I'm trying to import classes from another project to a new react-create-app...

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema in ReactJS

Cannot build production mode due to configuration object that does not match the API schema. The error happened after updating [email protected] to version [email protected] I updated the webpack...

Switching to babel 7 causes jest to show 'unexpected token'

I am struggling with this jest error and have no idea how to fix it. Basically I ran the following commands to switch to new babel 7: npx babel-upgrade --write --install npm install --save-dev...

Pushing to Heroku

I have a project which needs to be uploaded in Heroku. After creating the project by typing heroku create <project-name>, I am trying to upload it. So git push heroku master This gives me back...

How to use React's built-in React.memo comparison function?

I want to check whether a certain prop changed manually, then use React's built-in comparison function for the other props. E.g.: React.memo( () => <div />, (prevProps, nextProps) => { if...