Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

react-error-overlay: uncaught typeerror on using right/left arrow

See original GitHub issue

Hello !

First of all thanks a lot for the upgrade and the hard work, create-react-app is completely awesome 😄 !

This issue was discovered when updating to react-scripts@1.0.0

Description

On launching an empty app created with create-react-app, and using right/left arrow on the keyboard (when no overlay error is present) it logs an error in the console:

Uncaught TypeError: Cannot read property 'error' of undefined
    at renderErrorByIndex (overlay.js:66)
    at switchError (overlay.js:86)
    at shortcutHandler (overlay.js:145)
    at keyHandler (shortcuts.js:17)

Reproducible Demo

I could reproduce this error on a new react project created with create-react-app, as well as old projects I upgraded.

For info, I’m on Mac OSX Sierra on Chrome 57.

I would be glad to send a Pull Request and work on this issue, if someone could give me some hints to what’s actually happening on here !

Issue Analytics

State:
Created 6 years ago
Reactions:2
Comments:7 (6 by maintainers)

Top GitHub Comments

2reactions

kobenscommented, May 22, 2017

The fix doesn’t seem to be working in react-scripts@1.0.3. I can see it’s there, but when I look at the react-error-overlay package in my node_modules folder it has the correct version number (1.0.3), however, the fix is not present in the overlay.js file.

0reactions

gaearoncommented, May 22, 2017

Should be fixed in 1.0.4 (just published).

Top Results From Across the Web

Is this the bug of react-error-overlay? · Issue #11773 - GitHub

Describe the bug When I change the code and emit the hot-reload, there is iframe cover the whole page and report Uncaught ReferenceError: ......

create react app - Disable error overlay in development mode

The error overlay can be disabled by using the stopReportingRuntimeErrors helper utility in the react-error-overlay package.

Error Boundaries - React

Error boundaries are React components that catch JavaScript errors anywhere in their child component tree, log those errors, and display a fallback UI...

Lat/Lng Object Literal | Maps JavaScript API

This example demonstrates using a LatLng object literal instead of a google.maps.LatLng object, to center the map and add a marker. LatLng object...

react-error-overlay - npm

An overlay for displaying stack frames.. Latest version: 6.0.11, last published: 8 months ago. Start using react-error-overlay in your ...