Material-ui: CodeSandbox Demos Display Errors

Created on 21 May 2018  路  8Comments  路  Source: mui-org/material-ui


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.

  • [x] This is a v1.x issue (v0.x is no longer maintained).
  • [x] 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鈥檚 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)

  1. Open https://codesandbox.io/s/n5wy74w8vl
  2. 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 |

external dependency

Most helpful comment

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.

All 8 comments

This looks like a Codesandbox bug. I can open the same demo on StackBlitz: https://stackblitz.com/edit/epqw4i?file=demo.js cc @CompuIves

I had this problem with the Multiple Select component

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

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

Looking at it now!

@CompuIves Awesome, if that can help, I believe it's very recent.

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.

Okay, fix is live now. It may require a second refresh to see the changes because of service workers, but for most people it should work on first try!

@CompuIves Awesome support, thank you

Was this page helpful?
0 / 5 - 0 ratings

Related issues

newoga picture newoga  路  3Comments

TimoRuetten picture TimoRuetten  路  3Comments

sys13 picture sys13  路  3Comments

chris-hinds picture chris-hinds  路  3Comments

FranBran picture FranBran  路  3Comments