Skip to content

Consistent crash of playground by replacing JSX variable with a double quote #1956

@ernstki

Description

@ernstki

Hi everyone. Hope you're well.

Initial checklist

Affected packages and versions

This pertains to the playground, so whatever package/version is in use there.

Link to runnable example

See below.

Steps to reproduce

Probably the rendering engine and the OS don't matter, but I tried both Firefox and Chrome (latest versions) on macOS, on Intel, running Catalina.

  1. visit https://mdxjs.com/playground/
  2. select {{padding: '1rem', backgroundColor: 'violet'}} with the pointing device (or your finger)
  3. overwrite the selection by typing "

Expected behavior

I'm probably not going to get the terminology right here, since JSX and all this is new to me, but I am trying this out because I think I might have a use case for it.

The first thing I wondered about with the playground demo is "how is this different from CSS?" so I tried replacing the object within the JSX variable—the {{stuff in braces}}—with a quoted attribute, plain CSS. This is when I experienced the crash.

Actual behavior

The entire page goes white. The following error messages appear in the developer console:

Error: Minified React error #62; visit https://reactjs.org/docs/error-decoder.html?invariant=62 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    React 8
react-dom.production.min.js:193:243
Uncaught Error: Minified React error #62; visit https://reactjs.org/docs/error-decoder.html?invariant=62 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    React 8
react-dom.production.min.js:50:340

Runtime, Package manager, OS, Build and bundle tools

As noted above, this was Firefox and Chrome on macOS, but I think that probably doesn't matter. The issue pertains to the web site, specifically the playground.


Thanks!

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions