Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Bug: playground in a weird state when using unsupported TS version #11281

Open
@G-Rath

Description

@G-Rath

Before You File a Bug Report Please Confirm You Have Done The Following...

  • I have tried restarting my IDE and the issue persists.
  • I have updated to the latest version of the packages.
  • I have searched for related issues and found none that matched my issue.
  • I have read the FAQ and my problem is not listed.

Relevant Package

website

Playground Link

EDIT BY @kirkwaiblinger: PLAYGROUND LINK

Repro Code

-

ESLint Config

module.exports = {
  parser: "@typescript-eslint/parser",
  rules: {
    "@typescript-eslint/<rule-name>": ["error", ...<options>],
  },
};

tsconfig

{
  "compilerOptions": {
    // ...
  }
}

Expected Result

I'm able to use the playground

Actual Result

Most of the features don't actually seem to work - I can interact with elements like checkboxes and tabs, type in code which gets red squiggles and highlighting, but most of the interaction doesn't actually do anything e.g. switching from "code" to "tsconfig" to "eslintrc" doesn't change the editor content (though it does cause a "Visual Editor" button to appear which does nothing when clicked); likewise for the "errors", "estree", etc.

If I switch to the "ESTree" tab, I do get an "ESQuery filter" input which immediately gives me this warning when I type anything:

Invalid Selector
Cannot read properties of undefined (reading 'parse')

Image

I have tried this on both latest Chrome and Edge, with extensions installed like ublock origins (which isn't reporting anything being blocked, and has been disabled for the site with no luck), with no extensions, and a few other combos, all with the same result.

There doesn't seem to be any errors in the console

Image

Here's another set of screenshots after I've clicked through some stuff and typed again into the editor:

Image

Image

Additional Info

I'd like to have attached a screen recording, but don't have any software for that setup currently - I can look into that next week if needed.

Also let me know if there's any sections of template which you'd like filled out in some way - I skipped most of them as they didn't seem relevant and I couldn't find a more appropriate

Versions

Windows 11
Chrome 137.0.7151.69
Edge 137.0.3296.68

Metadata

Metadata

Assignees

No one assigned

    Labels

    accepting prsGo ahead, send a pull request that resolves this issuebugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions