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.

CodeSandbox Demos Display Errors

See original GitHub issue

Enhanced Table Sandbox Demo: https://codesandbox.io/s/n5wy74w8vl edit: Looking at other of the demos, it seems that this is affecting all sandbox demos currently. So far I’ve checked all the Table demos and a Paper demo. If I run across one that it unaffected I’ll update this, but it seems it’s something about the base setup that is breaking.

This is a v1.x issue (v0.x is no longer maintained).
I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Sandbox demo loads without errors

Current Behavior

Upon opening sandbox link, the following error is displayed:

TypeError

Cannot read property ‘1’ of null

V https://codesandbox.io/static/js/sandbox.da4f47e6.js:259:325078

(anonymous function) https://codesandbox.io/static/js/sandbox.da4f47e6.js:259:322469

g https://codesandbox.io/static/js/common-sandbox.4377eaa3.js:21:10482

Generator._invoke https://codesandbox.io/static/js/common-sandbox.4377eaa3.js:21:10270

Generator.e.(anonymous function) [as next] https://codesandbox.io/static/js/common-sandbox.4377eaa3.js:21:10661 n https://codesandbox.io/static/js/common-sandbox.4377eaa3.js:21:45025

(anonymous function) https://codesandbox.io/static/js/common-sandbox.4377eaa3.js:21:45121

This screen is visible only in development. It will not appear if the app crashes in production. Open your browser’s developer console to further inspect this error. This error overlay is powered by react-error-overlay used in create-react-app.

Steps to Reproduce (for bugs)

Open https://codesandbox.io/s/n5wy74w8vl
Error is displayed in the right hand side window on load

Context

Clicked on the link from the Tables docs: https://material-ui.com/demos/tables/#sorting-amp-selecting

Happy to help to debug, but I couldn’t see an obvious way to investigate what’s causing the error.

Your Environment

Tech	Version
Material-UI	v1.0.0
React	16.3.2
browser	Chrome 66.0.3359.139

Issue Analytics

State:
Created 5 years ago
Reactions:3
Comments:8 (7 by maintainers)

Top GitHub Comments

3reactions

CompuIvescommented, May 21, 2018

Deploying a fix now, I’m sorry that this just happened after your release!

I will add this sandbox and some other material-ui sandboxes to our automated test integrations so this won’t happen again.

Fix should be live within 20 minutes.

2reactions

oliviertassinaricommented, May 21, 2018

@carpben All the codesandbox demos seem to be broken, use StackBlitz for now.

capture d ecran 2018-05-21 a 17 26 45

Top Results From Across the Web

CodeSandbox Demos Display Errors · Issue #11518 - GitHub

This screen is visible only in development. It will not appear if the app crashes in production. Open your browser's developer console to ......

error-stack-parser examples - CodeSandbox

Error Stack Parser Examples. Learn how to use error-stack-parser by viewing and forking example apps that make use of error-stack-parser on CodeSandbox.

use-breakpoints-demo - CodeSandbox

CodeSandbox is an online editor tailored for web applications.

useValidation: Step 5 - CodeSandbox

Here, we've implemented the blurred-fields tracking functionality! This way, we can show errors when the user navigates away from a field.

laravel-react-error-overlay examples - CodeSandbox

Learn how to use laravel-react-error-overlay by viewing and forking example apps that make use of laravel-react-error-overlay on CodeSandbox.